Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 691 Просмотров
*

Fanatnn

  • Новичок
  • 3
  • 0 / 0
Модуль select box
« : 31.03.2019, 21:30:32 »
Здравствуйте, уважаемые коллеги. Пожалуйста, подскажите. Необходим модуль типа табов для вывода разных модулей во вкладке, но в виде низпадающего списка select box. При выборе опредленного пункта, ниже появляется модуль, привязанный через настройки к этому пункту.
*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Re: Модуль select box
« Ответ #1 : 31.03.2019, 22:37:22 »
Как вариант - сделать обычные табы (любые - можно бутстрапные или какие удобней), разместить селект, в опшнах в качестве value прописать селекторы закладок (по которым кликают) и добавить скрипт вроде такого:
Код
jQuery(function(){
   jQuery('#ИдВашегоСелекта').bind('change', function(){
      jQuery(this.value).trigger('click');
   });
});
Сами эти закладки (по которым кликают) можно скрыть стилями, если требуется переключение только селектом. В итоге выбор в селекте будет вызывать эмуляцию клика по закладке.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Technic

  • Захожу иногда
  • 194
  • 7 / 0
Re: Модуль select box
« Ответ #2 : 31.03.2019, 22:46:42 »
Аккордеон не вариант? Он же спойлер
*

Fanatnn

  • Новичок
  • 3
  • 0 / 0
Re: Модуль select box
« Ответ #3 : 01.04.2019, 23:20:05 »
Как вариант - сделать обычные табы (любые - можно бутстрапные или какие удобней), разместить селект, в опшнах в качестве value прописать селекторы закладок (по которым кликают) и добавить скрипт вроде такого:
Код
jQuery(function(){
   jQuery('#ИдВашегоСелекта').bind('change', function(){
      jQuery(this.value).trigger('click');
   });
});
Сами эти закладки (по которым кликают) можно скрыть стилями, если требуется переключение только селектом. В итоге выбор в селекте будет вызывать эмуляцию клика по закладке.

Спасибо за Ваш ответ. Скажите пожалуйста,  как мне привязать к табам строку jQuery(this.value).trigger('click');. Вкладки прописаны через <li>. Спасибо
*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Re: Модуль select box
« Ответ #4 : 02.04.2019, 09:15:27 »
Скажите пожалуйста,  как мне привязать к табам строку jQuery(this.value).trigger('click');. Вкладки прописаны через <li>.
Точнее всего смогу сказать, если покажете ссылку на страницу с табами. Но общий принцип я уже описал: смотрите какой атрибут id у ваших табов (если нет ИД, то сойдет селектор по классам) и вставляете этот ИД с решеткой (т.е. селектор на таб) в качестве value ваших option в селекте.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Fanatnn

  • Новичок
  • 3
  • 0 / 0
Re: Модуль select box
« Ответ #5 : 02.04.2019, 21:43:11 »
Точнее всего смогу сказать, если покажете ссылку на страницу с табами. Но общий принцип я уже описал: смотрите какой атрибут id у ваших табов (если нет ИД, то сойдет селектор по классам) и вставляете этот ИД с решеткой (т.е. селектор на таб) в качестве value ваших option в селекте.

Спасибо за Ваш ответ
Код
	    		
<ol class="gkTabsNav">   
<li id="gkTab gkTabs-1 active" class="gkTab gkTabs-1 active" data-animation="default">Вкладка 1</li>
<li id="gkTab gkTabs-2" class="gkTab gkTabs-2" data-animation="default">Вкладка 2</li>
<li id="gkTab gkTabs-3" class="gkTab gkTabs-3" data-animation="default">Вкладка 3</li>
<li id="gkTab gkTabs-4" class="gkTab gkTabs-4" data-animation="default">Вкладка 4</li>
 </ol>
                <select id="new" name="new">
                    <option value="gkTab gkTabs-1">Вкладка 1</option>
                    <option value="gkTab gkTabs-2">Вкладка 2</option>
                    <option value="gkTab gkTabs-3">Вкладка 3</option>
                    <option value="gkTab gkTabs-4">Вкладка 4</option>
                </select>

*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Re: Модуль select box
« Ответ #6 : 02.04.2019, 22:13:20 »
id не должен содержать пробелы. Поправьте, чтоб был такой вид:
Код
<li id="gkTabs2" class="gkTab gkTabs-2" data-animation="default">Вкладка 2</li>
а в option надо указывать правильный селектор, раз по ИД, значит с решеткой:
Код
<option value="#gkTabs2">Вкладка 2</option>
обработчик можно либо интегрировать как отдельный фрагмент (я уже его приводил), либо встроить непосредственно в селект:
Код
<select id="new" name="new" onchange="jQuery(this.value).trigger('click');">
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль отображения сообщений группы телеграмм на сайте

Автор kunsaid

Ответов: 2
Просмотров: 277
Последний ответ 08.02.2024, 13:13:27
от kunsaid
Модуль вывода материалов

Автор alexandr-spb

Ответов: 3
Просмотров: 898
Последний ответ 21.10.2023, 00:20:17
от shur
Модуль вывода новостей по категориям

Автор Error222

Ответов: 1
Просмотров: 681
Последний ответ 31.07.2023, 09:44:53
от Vastriet
Модуль/компонент/плагин видео из Вконтакте

Автор Snip

Ответов: 0
Просмотров: 802
Последний ответ 25.05.2023, 19:16:49
от Snip
Модуль случайного вывода ссылок на материалы для Joomla! 2.5

Автор Serhio

Ответов: 22
Просмотров: 8583
Последний ответ 15.03.2023, 11:19:27
от Doctor Death