Изменение вида анонсов новостей при нажатии на кнопку

Версия MODX: Revolution

Здравствуйте! Как можно реализовать вот такую вещь: чанк anons в нём расположен контент с которого с помощью Pdotools выводятся анонсы статей, в задумках сделать чанк например anons2 там тот же контент что и в чанке anons но без некоторых доп полей и изменённый стиль, как реализовать, чтобы посетитель при нажатии на кнопку мог изменять вид, как я понимаю это аяксом нужно с одного чанка или с другого?

вот код:

Двоишник
25.11.18 в 19:11

Комментарии (6)

Двоишник 25.11.2018 19:30 #

Вывожу анонсы так:

[ [!pdoPage?
 &class=`modResource`
&limit=`10`
&loadModels=`voteforms`
&setMeta=`0`
&processTVs=`1`
&includeTVs=`HitsPage,img`
&totalVar=`tot_prods`
&parents=`0`
&resources=`-1,-2,-3,-4,-5,-6,-7,-8,-9,-10,-13`
&tpl=`anons`

&leftJoin=`{
        "VoteFormThread": {
        "class": "VoteFormThread",
        "on": "modResource.id = VoteFormThread.resource AND VoteFormThread.form = 1"
        }
    }`
    &select=`{
    "modResource": "*",
    "VoteFormThread": "rating"
    }`
    &sortby=`VoteFormThread.rating`
    &sortdir=`DESC`
] ]

[ [!+page.nav] ]

Комментарий был изменён 25.11.2018 в 19:32

Двоишник 25.11.2018 20:18 #

Предполагаю что можно сделать с помощью js скрытие одного или другого контента при нажатии на кнопку, но тогда при изначальной загрузке будет двойной вызов лишняя нагрузка, как аяксом это сделать, намекните, подскажите плиз?
Руслан Алеев 25.11.2018 21:16 #

Здравствуйте, самый простой вариант — через js добавлять класс по клику, а уже для этого класса прописать свой стиль. В итоге вызов один, но вид меняется при добавлении класса. Единственное — нужно сохранять в куках состояние класса для пользователей (если это нужно), это опять же с помощью js библиотеки или через сниппет.
Комментарий был изменён 25.11.2018 в 21:19
1. Двоишник 25.11.2018 22:32 #
  
  Руслан Спасибо, если конечно правильно я понимаю, будет менять только стиль, да и при изначальной загрузке будет загружаться 2 варианта но один будет скрыт? а нужно чтобы только при нажатии на кнопку погрузился второй вариант и заменил первый, если можете приведите пример конкретно для моего случая, если сам бы мог я бы не отвлекал, просто как не кубатурил и не искал инфу понять не смог тёмный лес.
  1. Руслан Алеев 25.11.2018 22:48 #
    Нет, логика такая:
    1) Вы подгружаете все сразу в одном чанке anons, например:
    
    <div class="item"> <h1>[ [*pagettitle] ]</h1> <p class="description">[ [*tv_1] ]</p> <p class="info">[ [*tv_2] ]</p> </div>
    
    2) По клику добавляете класс NEW к этому блоку, после клика будет так:
    
    <div class="item NEW"> <h1>[ [*pagettitle] ]</h1> <p class="description">[ [*tv_1] ]</p> <p class="info">[ [*tv_2] ]</p> </div>
    
    3) В css пишите нужные стили и скрываете нужные блоки, например:
    
    .item.NEW { background: red; text-transform: uppercase; } .item.NEW .info { display: none; }
    
    Вот условный пример, как бы делал я. К сожалению, конкретнее с реализацией не помогу.
    Вы что-то похожее спрашивали уже — modx.ru/vopros-otvet/info/5043/ тут логика такая же с добавлением класса.
    Единственное — можно состояние класса в куки писать, если нужно сохранять выбор.
    Комментарий был изменён 25.11.2018 в 23:13
    1. Двоишник 25.11.2018 23:27 #
      
      Руслан, спасибо огромное за помощь. Буду тестить.
      Комментарий был изменён 25.11.2018 в 23:29

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.