X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Сортировка на сайте на Java Script
petyann
petyann
Topic Starter сообщение 1.3.2021, 22:20; Ответить: petyann
Сообщение #1


Добрый день. Прошу помочь разобраться.

Сайт выводит товары. Необходимо сделать сортировку по мощности и по цене и всё это вывести на странице. Данные берутся из XML файла. Как я понимаю, то по мощности сортировать надо переменную data-power, а по цене data-price (выделены жирным). Подскажите, как это сделать? Какой необходим код? Вот основная часть кода, которая выводит товары:

<TMPL_VAR NAME="INCLUDE_FILE">

<div class="framed" style="float:left">

<TMPL_LOOP NAME='products'>

<div class="catitem" data-phases="<TMPL_VAR NAME='phases'>" data-power="<TMPL_VAR NAME='power'>" data-price= " <TMPL_VAR NAME='price'>" >

<div style="float:left; height:64px;"> <a href="/elektrooborudovanie/<TMPL_VAR NAME='code'>"><h2><TMPL_VAR NAME='trademark'> <TMPL_VAR NAME='model'></h2></a> <div style="margin-top: -12px;"><TMPL_VAR NAME='category'></div> <a href="/elektrooborudovanie/<TMPL_VAR NAME='code'>"> <img src="/products/img/<TMPL_VAR NAME='image'>" style="margin-top: 5px;"></a> <div class="textabc"><TMPL_VAR NAME='texta'></br><TMPL_VAR NAME='textb'></br><TMPL_VAR NAME='textc'></div> </div>

<div class="descr">

<TMPL_VAR NAME='description'>

</div>

<div class="descr">

<table><TMPL_LOOP NAME='characteristics'>

<tr><th><TMPL_VAR NAME='name'></th><td><TMPL_VAR NAME='value'></td></tr>

</TMPL_LOOP></table>

</div>

<div class="ctrl" style="float:left;">

<div class="price" style="float:left;"><TMPL_VAR NAME='price'> <span style="font-size:16pt;">руб.</span></div>

<TMPL_IF NAME="available">

<div class="availability available" style="float:left;">Есть в наличии</div>

<TMPL_ELSE>

<!-- <div class="availability unavailable" style="float:left;">Нет в наличии</div> -->

</TMPL_IF>

<!-- <div class="btn btn-black"><a href="/elektrooborudovanie/<TMPL_VAR NAME='code'>">Подробнее</a></div> -->

<TMPL_IF NAME="available">

<div class="btn btn-red buy one-click_buy" style="float:left;" data-code="<TMPL_VAR NAME='code'>" data-image="<TMPL_VAR NAME='image_big'>"><a href="/buy.php?product=<TMPL_VAR NAME='code'>">Купить</a></div>

</TMPL_ELSE>

<img src="/theme/img/prodout_2.jpg" style="margin-top:8px;">

</TMPL_IF>

</div>

</div>

</TMPL_LOOP>

</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hellnar
Hellnar
сообщение 1.3.2021, 23:28; Ответить: Hellnar
Сообщение #2


Цитата(petyann @ 1.3.2021, 21:20) *
Вот основная часть кода, которая выводит товары:

Это что-то похожее на HTML::Template для которого скрипты пишутся на Perl.
Сам код, видимо, из эры динозавров, учитывая использование float в inline styles.

Если я, все же, ошибаюсь, и вам нужен JavaScript, тогда просто:
1. Получаемые данные оформите как объект и закиньте в один массив.
2. По итогу у вас внутри массива будет что-то типа такого объекта:
Код
{
   "name":"Product Name 2000"
   "price":20,
   "color":"Red"
}

Я сильно упросил, чисто для примера. Сколько товаров, столько внутри будет и объектов с их характеристиками.
3. Затем ознакомьтесь с этой публикацией. Здесь речь идет о том, как можно отсортировать список объектов (который у вас получился) по одному или двум параметрам (в вашем случае по параметрам мощности и цены).
4. Уже отсортированный список выводите на страницу.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрый и качественный обмен на сайте Baksman.org
Обмен Bitcoin, BTC-e, PM, Qiwi, Yandex money, Карты банк
52 Baksman 33587 18.4.2024, 5:02
автор: Baksman
Открытая тема (нет новых ответов) Боты могут делать пушподписки на моём сайте?
0 Megaspryt 464 17.4.2024, 23:29
автор: Megaspryt
Горячая тема (нет новых ответов) CryptoCloud — прием USDT, BTC, ETH, LTC на любом сайте
36 CryptoCLoud 10639 16.4.2024, 16:02
автор: CryptoCLoud
Горячая тема (нет новых ответов) Странный трафик на сайте длительное время
33 TABAK 8782 12.4.2024, 5:56
автор: Skyworker
Открытая тема (нет новых ответов) Алтуально ли заработок на сайте?
Оцение пожалуйста идею
10 hitman20 1882 1.2.2024, 5:37
автор: Liudmila


 



RSS Текстовая версия Сейчас: 20.4.2024, 0:25
Дизайн