Калькуляторы и формы для сайтов
0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 163 Просмотров
*

Liss

  • Давно я тут
  • 238
  • 9
Стандартный select с возможностью выбора нескольких вариантов предлагает делать этот выбор с зажатым ctrl или shift.
Сделаем его дружелюбным. Вот таким


качаем jQuery библиотеку https://harvesthq.github.io/chosen/
из всего архива нужно только два файла:
chosen.jquery.js - кладем в /media/com_rsform/js/
chosen.css - кладем в /media/com_rsform/css/

в файле /administrator/components/com_rsform/helpers/fields/selectlist.php
в районе 157 строки перед
Код
return $html;

подключаем библиотеку
Код: php-brief
RSFormProAssets::addScript(JHtml::script('com_rsform/chosen.jquery.js', false, true, true));
RSFormProAssets::addStyleSheet(JHtml::stylesheet('com_rsform/chosen.css', array(), true, true));

Можете подключать в глобальном шаблоне, только код подключения будет выглядеть по-другому (правда я не вижу смысла "таскать" за собой по всему сайту все библиотеки, когда они нужны только на определенных страницах, это снижает скорость загрузки, но речь сейчас не об этом)

В админке компонента в доп. атрибутах поля заносим класс class="chosen-select". В свойствах всей формы, в поле пользовательского javascript кода пишем
Код: javascript
<script>
jQuery(document).ready(function($) {
   $(".chosen-select").chosen();
});
</script>

PS как любая библиотека jquery, эта имеет ряд доп.настроек, которые можно осуществить или доп. атрибутами, или в коде яваскрипта. Смотрите примеры на сайте разработчика
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Мультизагрузка файлов [решение]

Автор Liss

Ответов: 3
Просмотров: 264
Последний ответ 08.06.2017, 14:11:01
от Liss
Применение SELECT

Автор b_alex2003

Ответов: 1
Просмотров: 718
Последний ответ 25.12.2015, 22:19:38
от Agard