Новости Joomla

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

👩‍💻 20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет. Вокруг неё сложилось большое интернациональное русскоязычное сообщество. На сайте нашего сообщества и на Хабре к юбилею были собраны интервью с его видными представителями. Сегодня мы читаем интервью с Ринатом Кажетовым (@rkazhet). Ринат - один из администраторов чата русскоязычного Joomla-сообщества, из Казахстана. Это человек, который всегда знает или найдёт нужную ссылку, пристально следит за новостями в мире Joomla, многое узнаёт первым и просто очень отзывчивый человек. Интервью с Ринатом взял Евгений Сивоконь.Читать интервью@joomlafeed#joomla #community

20 лет Joomla: Ринат Кажетов

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

Keylo

  • Новичок
  • 4
  • 0 / 0
Ниспадающее меню (dropdown). Изменение списка
« : 18.06.2015, 07:50:04 »
Добрый день.
Есть 2 выпадающих списка.
Первый содержит:
Меню 1
Меню 2
Меню 3

Во втором:
Опция 1
Опция 2
Опция 3
Опция 4

Как сделать, чтобы при выборе "меню 1" вываливались все из второго списка, а при выборе "меню 2", например, Опция 1, Опция 2, Опция 3, без четвертого?
Записан
*

Keylo

  • Новичок
  • 4
  • 0 / 0
Re: Ниспадающее меню (dropdown). Изменение списка
« Ответ #1 : 18.06.2015, 10:20:51 »
Сам написал, сам ответил.  :D

Получилось через JavaScript
Необходимо добавить код в свойствах формы => "CSS и JavaScript" => "Javascript"

Код
<script type="text/javascript">
 
function dynamic1(parent,child){

  var parent_array = new Array();
 
  parent_array[''] = ['Выберите пожалуйста'];
 
  parent_array['Меню 1'] = ['Опция 1','Опция 2','Опция 3','Опция 4'];
 
  parent_array['Меню 2'] = ['Опция 1','Опция 2','Опция 3'];
 
  parent_array['Меню 3'] = ['Сообщение'];
 
  var thechild = document.getElementById(child);
 
  thechild.options.length = 0;
 
  var parent_value = parent.options[parent.selectedIndex].value;
 
  if (!parent_array[parent_value]) parent_value = '';
 
  thechild.options.length = parent_array[parent_value].length;
 
  for(var i=0;i<parent_array[parent_value].length;i++){
 
    thechild.options[i].text = parent_array[parent_value][i];
 
    thechild.options[i].value = parent_array[parent_value][i];} }
 
</script>

и прописать в dropdown в дополнительных атрибутах
Код
onchange="dynamic1(this,'ID динамического выпадающего меню');"

Всем спасибо, всем пока.  *DRINK*
« Последнее редактирование: 06.11.2015, 15:48:21 от Keylo »
Записан
*

Keylo

  • Новичок
  • 4
  • 0 / 0
Re: Ниспадающее меню (dropdown). Изменение списка
« Ответ #2 : 06.11.2015, 15:52:37 »
Вот работоспособный показательный пример на html:

Код
<html>
<head>
<title>ЖАБАСКРИПИТ</title>
<script type="text/javascript">
 
function dynamic1(parent,child){

  var parent_array = new Array();
 
  parent_array[''] = ['Выберите пожалуйста'];
 
  parent_array['Меню 1'] = ['Опция 1','Опция 2','Опция 3','Опция 4'];
 
  parent_array['Меню 2'] = ['Опция 1','Опция 2','Опция 3'];
 
  parent_array['Меню 3'] = ['Сообщение'];
 
  var thechild = document.getElementById(child);
 
  thechild.options.length = 0;
 
  var parent_value = parent.options[parent.selectedIndex].value;
 
  if (!parent_array[parent_value]) parent_value = '';
 
  thechild.options.length = parent_array[parent_value].length;
 
  for(var i=0;i<parent_array[parent_value].length;i++){
 
    thechild.options[i].text = parent_array[parent_value][i];
 
    thechild.options[i].value = parent_array[parent_value][i];} }
 
</script>
</head>
<body>
<select name="test1" id="test1" onchange="dynamic1(this,'test2')">
  <option value="Меню 1">Меню 1</option>
  <option value="Меню 2">Меню 2</option>
  <option value="Меню 3">Меню 3</option>
  <option value="Меню 4">Меню 4</option>
</select>
<select name="test2" id="test2">
<option></option>
</select>
</body>
</html>
Записан
*

rk3dnp

  • Захожу иногда
  • 320
  • 5 / 0
Re: Ниспадающее меню (dropdown). Изменение списка
« Ответ #3 : 07.11.2015, 21:53:18 »
Оказывается у них есть встроена такая фича, отображать и прятать другие элементы при выборе одного из варианта. Переходим в настройки Extras - Condition fields (3 с низу пункт)
Указываем какой пункт отобразить или скрыть в случае выбора значение у другого пункта.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Создание формы с проверкой данных из списка

Автор igineo

 Ответов: 6
Просмотров: 2939 		Последний ответ 15.02.2023, 20:06:44
от sivers
Блокировка пункта выпадающего списка

Автор ROMERO

 Ответов: 3
Просмотров: 976 		Последний ответ 01.03.2019, 17:12:52
от ROMERO
Вывод списка в зависимости от поле select ?

Автор warlocksp

 Ответов: 8
Просмотров: 2610 		Последний ответ 26.10.2017, 04:50:32
от warlocksp
Вставка изображения в форму RSForm Pro и его динамическое изменение

Автор sa1981

 Ответов: 2
Просмотров: 2540 		Последний ответ 24.05.2017, 09:44:03
от Site-Guide
Не работает меню на странице с RSForm

Автор BelMary

 Ответов: 8
Просмотров: 1360 		Последний ответ 07.11.2016, 14:41:17
от BelMary