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. Уже отсортированный список выводите на страницу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
3 чел. читают эту тему (гостей: 3, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыYtuber.su - онлайн магазин, купить ютубер (ytuber) баллы в 3 раза дешевле, чем на сайте ytuber.ru!
69 dimon171983 17168 19.4.2021, 16:43
автор: dimon171983
Горячая тема (нет новых ответов) Что нужно для полупассивного заработка на своем сайте с нуля?
59 atew 7425 8.4.2021, 22:01
автор: Makarrr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыТрафик на нулевом сайте?
7 VostrVL 915 25.3.2021, 23:25
автор: Filadelso
Открытая тема (нет новых ответов) Покупки россиян отразятся на сайте налоговой
13 MissContent 1426 24.2.2021, 13:58
автор: EvilGomel
Открытая тема (нет новых ответов) Посоветуйте систему для приема платежей на сайте
25 SEOMR 3270 22.2.2021, 8:38
автор: laiho123


 



RSS Текстовая версия Сейчас: 22.4.2021, 19:16
Дизайн