Новости Joomla

Обновление плагина WT AmoCRM - RadicalForm для Joomla

Обновление плагина WT AmoCRM - RadicalForm для Joomla

Плагин отправки данных в Amo CRM из форм обратной связи Joomla 4 / Joomla 5, созданных с помощью профессионального плагина Radical Form. Требует для работы библиотеку WT Amo CRM library. 

JoomLab Ajax Pagination плагин бесконечной ленты материалов для Joomla

Плагин позволяет организовать на вашем сайте ajax загрузку материалов страницы в блоге категорий (без перезагрузки страницы). Плагин заменяет стандартную пагинацию материалов, но при этом ориентируется на ее настройки в компоненте материалов. В настройках можно выбрать, каким способом подгружать материалы: по кнопке или по скроллу.

Плагин оплаты Юkassa для Phoca Cart Вышла версия 2.0

Плагин оплаты Юkassa для Phoca Cart 💳Вышла версия 2.0.0 плагина, кардинально переработанная и протестированная с новой версией компонента электронной коммерции Phoca Cart 💵Что нового в версии 2.0?
Новое – Адаптация под Joomla 5+
Новое – Адаптация под Phoca Cart 5.1
Новое – Выбор платежного шлюза (Россия / Казахстан)
Улучшение – Переход на обработку через POST запросыPhoca Cart — расширение для построения Интернет-магазинов на Joomla. Данный плагин позволяет принимать оплату в Phoca Cart через Юkassa. 👉 Подробнее

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

pulka

  • Захожу иногда
  • 63
  • 0 / 1
Модальные окна с jQuery
« : 04.07.2021, 15:53:41 »
 Здравствуйте. Прошу помощи в решении моей задачи. Мне необходимо сделать несколько модальных окон на одной странице. На официальном сайте я нашла хорошее решение. Однако, там код подразумевает наличие только одного окна. Как мне переделать его так, что бы я могла пользоваться им столько, сколько нужно (opener1, opener2..... dialog1, dialog2....)? Буду очень признательна.
Записан
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Модальные окна с jQuery
« Ответ #1 : 04.07.2021, 19:37:35 »
Цитата: pulka от 04.07.2021, 15:53:41
Однако, там код подразумевает наличие только одного окна.
Откуда такой вывод ? Сколько нужно, столько и пишите селекторов и форм .
Записан
*

pulka

  • Захожу иногда
  • 63
  • 0 / 1
Re: Модальные окна с jQuery
« Ответ #2 : 05.07.2021, 21:11:06 »
 Вывод от неопытности. Подскажете как его переделать? Буду благодарна.
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Модальные окна с jQuery
« Ответ #3 : 05.07.2021, 21:34:55 »
Код

  $( function() {
    $( "#dialog, #dialog2" ).dialog({   // тут добавляем через запятую перечисление диалоговых окон страницы, которые вызываются с одинаковыми эффектами. если эффекты разные, то надо дублировать весь блок целиком и менять в нем идентификатор (начинается с #) или класс (начинается с .)
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
 
    $( "#opener" ).on( "click", function() {
      $( "#dialog" ).dialog( "open" );
    });
    $( "#opener2" ).on( "click", function() {
      $( "#dialog2" ).dialog( "open" );
    });	
  } );
  </script>
</head>
<body>
 
<div id="dialog" title="Basic dialog">
  <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the &apos;x&apos; icon.</p>
</div>

<div id="dialog2" title="Second dialog">
  <p>second window &apos;x&apos; icon.</p>
</div>
 
<button id="opener">Open Dialog</button>
<button id="opener2">Open Dialog2</button>

Записан
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
Re: Модальные окна с jQuery
« Ответ #4 : 05.07.2021, 21:50:44 »
а чего не использовать встроенные
behavior modal?
Записан
*

pulka

  • Захожу иногда
  • 63
  • 0 / 1
Re: Модальные окна с jQuery
« Ответ #5 : 07.07.2021, 23:01:39 »
Цитировать
Код
 $( function() {
    $( "#dialog, #dialog2" ).dialog({   // тут добавляем через запятую перечисление диалоговых окон страницы, которые вызываются с одинаковыми эффектами. если эффекты разные, то надо дублировать весь блок целиком

Спасибо за помощь. Именно этого перечисления мне и хотелось бы избежать т.к. модальных окон в сайте предполагается много. По 5, 6 на одной странице. Страниц более 10.....
Записан
*

pulka

  • Захожу иногда
  • 63
  • 0 / 1
Re: Модальные окна с jQuery
« Ответ #6 : 07.07.2021, 23:04:37 »
Цитата: ShopES от 05.07.2021, 21:50:44
а чего не использовать встроенные
behavior modal?
Возможно, я не разобралась до конца со встроенными окнами. Мне необходимы окна для уточнения инфы, без затемнения сзади, и несколько на одной странице.
Записан
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
Re: Модальные окна с jQuery
« Ответ #7 : 07.07.2021, 23:23:10 »
Цитата: pulka от 07.07.2021, 23:04:37
Возможно, я не разобралась до конца со встроенными окнами. Мне необходимы окна для уточнения инфы, без затемнения сзади, и несколько на одной странице.
так вам подсказки(tooltip)
нкжны?
Записан
*

pulka

  • Захожу иногда
  • 63
  • 0 / 1
Re: Модальные окна с jQuery
« Ответ #8 : 20.07.2021, 23:05:05 »
 В итоге у меня получилось что-то такое:

Код
$( function() {
$('.dialog').dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});

$( '.opener' ).on( "click", function() {
$( '#'+$(this).attr('data-id') ).dialog( "open" );
});
} );

Разметка HTML
Код
<div id="modal-window-1" class="dialog" title="Basic dialog">
<p>диалог 1</p>
</div>
<p><button class="opener" data-id="modal-window-1">диалог 1</button></p>

<div id="modal-window-2" class="dialog" title="Basic dialog">
<p>диалог 2</p>
</div>
<p><button class="opener" data-id="modal-window-2">диалог 2</button></p>
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Нет модального окна системных сообщений

Автор Lemonez

 Ответов: 12
Просмотров: 1495 		Последний ответ 06.12.2024, 01:27:05
от Lemonez
[Решено] Отключить Mootols, Jquery и Bootstrap в Joomla 3

Автор Pazys

 Ответов: 126
Просмотров: 100405 		Последний ответ 21.10.2022, 22:25:23
от Alex Kop
jQuery. Передать значение в поле формы Битрикс24

Автор fbr

 Ответов: 40
Просмотров: 2524 		Последний ответ 21.11.2021, 12:05:18
от gartes
Модуль или компонент Wrapper с авто размером высоты окна вставки

Автор Арчик

 Ответов: 11
Просмотров: 1361 		Последний ответ 16.09.2020, 19:43:13
от rsn
Проблема с JQuery

Автор Lemonez

 Ответов: 6
Просмотров: 789 		Последний ответ 08.09.2020, 19:56:42
от gartes