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

xxx87

  • Захожу иногда
  • 130
  • 4 / 0
  • прошу любить и жаловать
Всем добрый день!
Есть HTML модуль с информацией "о нас" с кнопкой "подробнее". Как вывести модальное окно в этот модуль, что бы оно открывалось по клике на эту самую кнопку.
Все варианты, которые находила - это установить доп плагин. Но ведь в самой Joomla это предустановлено, если я не ошибаюсь ( например: в материале - есть возможность указать открытие ссылки модально ). Как вот вывести это в модуль - не могу нигде найти :(
Помогите пожалуйста!
Joomla! 3.4.1
« Последнее редактирование: 15.07.2015, 13:12:11 от xxx87 »
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Модальное окно в HTML модуле
« Ответ #1 : 15.07.2015, 13:14:31 »
Ставьте лучше доп плагин. Modalizer раньше назывался, теперь вроде просто modal.
А потом кнопке своей подробнее назначаете нужный класс. Если в настройки не лазить, то по умолчанию будет class="modal"
Создание сайтов, шаблонов, помощь в решении проблем.
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Модальное окно в HTML модуле
« Ответ #2 : 15.07.2015, 13:53:10 »
в Joomla по умолчанию подключен bootstrap
В Html-модуле вставляете код модального окна. Код можно взять отсюда:

http://getbootstrap.com/2.3.2/javascript.html#modals

тупо копируете код примера, убираете ненужное, вставляете свой контент
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Модальное окно в HTML модуле
« Ответ #3 : 15.07.2015, 13:58:41 »
Да, согласен с fbr. Так ещё лучше.
Создание сайтов, шаблонов, помощь в решении проблем.
*

xxx87

  • Захожу иногда
  • 130
  • 4 / 0
  • прошу любить и жаловать
Re: Модальное окно в HTML модуле
« Ответ #4 : 15.07.2015, 14:21:57 »
в Joomla по умолчанию подключен bootstrap
В Html-модуле вставляете код модального окна. Код можно взять отсюда:

http://getbootstrap.com/2.3.2/javascript.html#modals

тупо копируете код примера, убираете ненужное, вставляете свой контент
Урраааа! Спасибо за ответ! Вставила код, но он не работает допутя.  Эффект затемнения есть, но текстовое окно не отображается :(((( Почему так?
http://akvagrunt.ru/
« Последнее редактирование: 15.07.2015, 15:28:24 от xxx87 »
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Модальное окно в HTML модуле
« Ответ #5 : 16.07.2015, 00:06:29 »
у меня вовсе не получилось отыскать эту кнопку --- это окно. Наверное не там смотрел
*

xxx87

  • Захожу иногда
  • 130
  • 4 / 0
  • прошу любить и жаловать
Re: Модальное окно в HTML модуле
« Ответ #6 : 16.07.2015, 14:03:47 »
у меня вовсе не получилось отыскать эту кнопку --- это окно. Наверное не там смотрел
Я, когда с сайта вышла в пол 12 отрубила этот модуль. )) Внизу страницы он- там где - О нас
*

xxx87

  • Захожу иногда
  • 130
  • 4 / 0
  • прошу любить и жаловать
Re: Модальное окно в HTML модуле
« Ответ #7 : 16.07.2015, 14:10:50 »
Убрала hide отсюда:
Код
div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
Окно с текстом стало отображаться, но почему то непосредственно Под затемнением страницы, а не Над ним! Как это вылечить?! ! !
И еще если этот модуль находится в позиции3, то окно отображается как бы под позицией4. А если в позиции4, то окно открывается нормально, но все равно под тенью
« Последнее редактирование: 16.07.2015, 15:16:42 от xxx87 »
*

SokoloWWW

  • Новичок
  • 8
  • 0 / 0
Re: Модальное окно в HTML модуле
« Ответ #8 : 27.07.2016, 16:28:35 »
Привет всем)
Есть вопрос по теме.
Я скачал замечательный модуль "BT Content Slider" для отображения ленты новостей. Если кто сталкивался, подскажите пожалуйста как вывести отдельный материал из блока категории в модальном окне.
Пробовал поставить modal, но в результате выпадал весь шаблон целиком.
Пробовал с RSForm - получилось, а вот с "BT Content Slider" какая то головная боль.
Если что Вот ссылка http://groovyhamster.ru/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывод дополнительного поля материала в модуле

Автор timofe

Ответов: 10
Просмотров: 1479
Последний ответ 06.10.2023, 14:02:24
от Mitriy
Вернуть слайдер после работы с модулем html кода

Автор Jenik1245

Ответов: 0
Просмотров: 386
Последний ответ 30.05.2023, 14:15:58
от Jenik1245
Окно заполнение контактных данных

Автор Vlad1323

Ответов: 1
Просмотров: 369
Последний ответ 29.03.2023, 16:47:54
от arma
Окно заполнение контактных данных

Автор Vlad1323

Ответов: 0
Просмотров: 309
Последний ответ 29.03.2023, 01:15:03
от Vlad1323
Как вставить картинку материала в модуле Последние материалы?

Автор androv77

Ответов: 13
Просмотров: 1082
Последний ответ 20.12.2022, 08:37:38
от marksetter