Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

Игорь Клещёв

Осваиваюсь на форуме
25
6 / 0
Если помог, + в репу

Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

« : 20.12.2013, 16:13:11 »

В общем, надо сделать доп свойство, чтобы если активировать галочку (или другим способом) фон itema в категории менялся. Надо 2 цвета: обычный и желтый.

Вот как надо http://clip2net.com/s/6qzjZd

Кто нибудь знает, как это реализовать?

В принципе, я так понимаю, надо чтобы добавлялся класс к контейнеру к которому будет применено доп. свойство. У нас это <div class="teaser-item">. Как это реализовать не знаю. Может кому нибудь, эта задача покажется интересной.

« Последнее редактирование: 22.12.2013, 10:16:02 от Игорь Клещёв »

Записан

likrion

Давно я тут
750
129 / 2

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

« Ответ #1 : 22.12.2013, 15:03:03 »

открывает шаблон итема и создаем в нем радио кнопку

где опциями указываем colored и no

Спойлер

[свернуть]

далее добавляем данныую опцию итема в шаблон teaser

Спойлер

[свернуть]

теперь при создании или редактировании элемента будет радио кнопка colored

Спойлер

[свернуть]

и соответственно в тизере появится данной выбор(видно под названием)

Спойлер

[свернуть]

теперь напишем js для решения цвета и добавляем его в шаблон или куда угодно

Код: javascript

<script type="text/javascript">

	jQuery(document).ready(function()
  {
   jQuery("span:contains('colored')")
                                 .hide()                              //скрываем наш выбор
                                 .parents('div.teaser-item')          //выбираем родительский div
                                 .css('background-color', 'yellow');  //изменяем ему цвет
  });
</script>

Спойлер

[свернуть]

демо : http://likrion.net/develop/category/develop-elements

Записан

R331474010295

likrion

Давно я тут
750
129 / 2

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

« Ответ #2 : 22.12.2013, 19:33:40 »

и вообще 90% хаков элементов и т.п. для итема можно решить подобным способом, т.е. чекбокс или радиокнопка + jQuery

Записан

R331474010295

Apoca1ypto

Давно я тут
749
71 / 0

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

« Ответ #3 : 22.12.2013, 20:01:47 »

Цитата: likrion от 22.12.2013, 19:33:40

и вообще 90% хаков элементов и т.п. для итема можно решить подобным способом, т.е. чекбокс или радиокнопка + jQuery

Могу ошибаться, но если пользователь выберет no, то выведеться эта надпись.

Записан

Во время спора в Интернете Ваш оппонент приводит неопровержимые доказательства своей точки зрения? Не отчаивайтесь. До...тесь до орфографии.

likrion

Давно я тут
750
129 / 2

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

« Ответ #4 : 22.12.2013, 23:27:43 »

согласен, мой косяк, вместо радио кнопок лучше ставить чекбокс

Спойлер

[свернуть]

а в тзере не забыть проставить span разделитель(что бы не подправлять jQuery)

Спойлер

[свернуть]

все, ставил чекбокс при редактировании

Спойлер

[свернуть]

получаем изменение фона

Спойлер

[свернуть]

а если снимаем галочку

Спойлер

[свернуть]

то ничего лишнего не будет видно

Спойлер

[свернуть]

Записан

R331474010295

likrion

Давно я тут
750
129 / 2

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

« Ответ #5 : 22.12.2013, 23:44:58 »

записал видео процесса если вдруг кому не понятно

Записан

R331474010295

Игорь Клещёв

Осваиваюсь на форуме
25
6 / 0
Если помог, + в репу

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

« Ответ #6 : 23.12.2013, 13:22:34 »

Цитировать

то ничего лишнего не будет видно

А я просто дописал ))

Код

jQuery("span:contains('no')")
                                 .hide()

Плюс у меня еще оказывается не в span были спецификации, а в <li>, поэтому пришлось немного переделать.
И еще я немного модернизировал код, теперь он добавляет класс а не стили прямо в HTML. Просто там много стилей и пусть они лучше будут в CSS. Вот что получилось в итоге:

Код

<script type="text/javascript">
 
	jQuery(document).ready(function()
  {
jQuery("li:contains('no')")
                                 .hide();
   jQuery("li:contains('colored')")
                                 .hide()                              //скрываем наш выбор
                                 .parents('div.teaser-item')          //выбираем родительский div
                                 .addClass('order_color');            //добавляем класс
  });
</script>

P. S. likrion, вам огромное спасибо!

« Последнее редактирование: 23.12.2013, 13:30:31 от Игорь Клещёв »

Записан

Как убрать /item/ из тела ссылки элемента? Автор Evenfrost	Ответов: 151 Просмотров: 55355	12.03.2018, 12:05:20 от Apoca1ypto
[Решено] Как в модуле ZOO Item вывести название и описание категории? Автор frolov.ar	Ответов: 13 Просмотров: 7656	01.04.2017, 13:29:52 от rivermc
Модуль: ZOO item популярные за неделю ( НЕ бесплатно) Автор dee88	Ответов: 4 Просмотров: 2758	29.08.2016, 16:13:28 от ameli90
Zoo item (настройка) Автор altry1st	Ответов: 26 Просмотров: 11374	12.02.2016, 10:30:16 от ssttaass
Проблема с масштабированием изображений Автор sergejjj	Ответов: 0 Просмотров: 1581	17.10.2015, 06:19:42 от sergejjj

Смена фона item ZOO (teaser) в категории ($$ отблагодарю) - ZOO

Новости Joomla

Вышли релизы безопасности Joomla 6.0.4 и Joomla 5.4.4

👩‍💻 Joomla-ресурсы в мессенджере MAX.

👩‍💻 WT CDEK library v.1.3.0 - обновление PHP SDK для Joomla + CDEK.

Игорь Клещёв

Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

likrion

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

likrion

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

Apoca1ypto

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

likrion

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

likrion

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

Игорь Клещёв

Re: Смена фона item ZOO (teaser) в категории ($$ отблагодарю)

Похожие темы