Новости Joomla

VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5

👩‍💻 VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5.x, которое позволяет вставлять фотоальбомы ВКонтакте прямо в материалы сайта. Поддерживаются режимы: сетка, слайдер и кирпичная кладка (masonry). Мобильный UX и свайпы в комплекте.- 3 типа галерей: слайдер, сетка и masonry- Быстрая работа. AJAX-подгрузка, кэширование запросов, ленивая загрузка изображений.- Мобильный UX. Свайпы, оптимизация под сенсорное управление и адаптивный дизайн.Плагин использует шорткод {vkgallery type="album_grid"}album-123456789_987654321{/vkgallery}.Страница расширенияДемоРазработчик - участник нашего сообщества Сергей Парфёнов (@Aprol).@joomlafeed#joomla #vk #расширения

Swiper.js, документация на русском языке

👩‍💻 Swiper.js, документация на русском языке.Добавил переводы документации современного скрипта слайдера swiper.js на русский язык. Документация эта относится к плагину веб-ассета для Joomla WT JSwiper, который подключает скрипт нативным для Joomla 4+ способом - с помощью Web Asset Manager.Сегодня добавлены: - Модули: Autoplay- Модули: Grid- Модули: Free Mode- Модули: Manipulation- Эффекты: Затухание (Fade Effect)- Модули: Parallax- Модули: Lazy Loading- Эффекты: Перелистывание (Coverflow Effect)Читать документацию Swiper.js по-русски@joomlafeed#webdev #swiperjs #js #joomla

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js.Предназначен для опытных разработчиков Joomla, желающих интегрировать Vue в уже существующий функционал сайта без глобальной переделки проекта.Главное преимущество этого способа вывода информации - Скорость!Для примера. При выводе материалов через стандартный модуль mod_articles_news в количестве 1200 элементов Request Duration (время отдачи страницы) составило 3 секунды!!!При использовании же модуля с vue.js - 104 ms и это время в принципе не зависит от числа элементов. Так как страница отдается сразу, а вся обработка в модуле происходит асинхронно.Разработчик - участник нашего сообщества Дмитрий Денисов @mitriy_bug Страница расширения@joomlafeed#joomla #расширения

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

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
Просмотров: 1637 		Последний ответ 06.12.2024, 01:27:05
от Lemonez
[Решено] Отключить Mootols, Jquery и Bootstrap в Joomla 3

Автор Pazys

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

Автор fbr

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

Автор Арчик

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

Автор Lemonez

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