2 ноября 2017 в 22:47
Вопрос по d8.
Сейчас рабочий вариант
<a href="/form" class="use-ajax" data-dialog-type="modal">link</a>
Но что-то вызывается с задержкой секунда-две. Это самый правильный вариант? (колорбокс на сайте уже есть, через него может?).
Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.
Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code
Drupal – торговая марка Дриса Бёйтарта
Поддерживать инфраструктуру Drupal.ru нам помогает компания ДАЛЕЕ
Комментарии
С колорбоксом будет наверняка то же самое. Проблема в медленном отклике сайта на аякс-запрос. А сайт у вас локально расположен или на хостинге? Просто очень часто бывает, что даже на самом захудалом хостинге сайт работает быстрее, чем локально.
Ну и как запасной вариант - сделать очень красивый лоадер)))
на хостинге сайт...
А в колорбоксе как вывести? (если форма на страницу предварительно не загружалась)
Для колобка https://www.drupal.org/project/colorbox_load
По феншуй конечно использовать ajax из короки, см. примеры https://www.drupal.org/project/examples
Тут имеем спросить у вас ТС, что вы имеете ввиду под попапом? Попап может быть и изначально отрендерин и при клике куда нибудь меняется CSS свойство, и вариант который реализован через аякс, где изначально попапа в HTML структуре нет.
Bootstrap modal так работает (это не модуль, а одна из фич бутстрапа). Плюсы - работает быстро и легко. Минусы по сравнению с аяксом - в аяксовые формы не спамят.
Bootstrap modal вы имеете введу нативный диалог модал? который реализует ТС? с помощью Moda; API если да то это ничем не отличается от ajax, хотя возможно я ошибаюсь, но не думаю.
Но вопрос я поставил не об этом, а том что ТС вообще понимает выражение модальное окно.
Вот, что я имею в виду: https://www.w3schools.com/bootstrap/bootstrap_modal.asp
Понял, я не сторонник бутсрапа. Общаемся только привет да пока и ничего более:-)
Понимаю шок))
Полный ajax гибче и медленней, inline быстрее, но не всегда функционально достаточен. Кстати inline вообще на css можно сделать https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_modal
...
sas@drupal.org? спасибо, но не хотелось форму на странице заводить (скрытую).
gun_dose, тема оформления у меня на бутстрапе. bootstrap.js, jquery.min.js, bootstrap.css то есть подключены. Не ясно из вашего примера (там есть кнопки но нет ссылок) как должна выглядеть ссылка, чтобы с помощью Bootstrap modal картинку выводила. Или вебформу, или страницу...
И может на Bootstrap modal есть решения для галерей?
Или в Bootstrap modal, в отличие от ajax, все элементы (например вызываемая вебформа, или полноразмерное изображение) уже должны быть на странице, только скрыты? Тогда такой вариант также не подходит...
[/quote]
На той же странице представлен код и дано полное объяснение, что к чему. Если нужна не кнопка а ссылка, то в данном случае достаточно тег button заменить на а
Всего 2 подхода - скрытие элементы и заугрузка при нажатии на ссыль. Кстати для гелерей есть строенная ajax загрузка здесь https://owlcarousel2.github.io/OwlCarousel2/index.html + можно колобка повестить для всплывашки.
Да, это я понял.
Bootstrap modal - показывание скрытых элементов
colorbox-inline - показывание скрытых элементов
colorbox_load - загрузка при нажатии на ссылку
"use-ajax" data-dialog-type="modal" - загрузка при нажатии на ссылку
все верно?
Не полный список, но движетесь в правильном направлении.