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

xxx87

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

Efanych

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

fbr

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

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

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

Efanych

  • Живу я здесь
  • 4304
  • 609 / 0
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

  • Живу я здесь
  • 2091
  • 95 / 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/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не отображаютя языки в модуле

Автор vipex

Ответов: 1
Просмотров: 27
Последний ответ 06.12.2017, 14:43:20
от NewUsers
Баннер HTML код <script src=

Автор igorigor76

Ответов: 2
Просмотров: 66
Последний ответ 05.12.2017, 18:19:53
от igorigor76
Адрес изображения в модуле при открытии материала в блоге категории меняется

Автор leonid.m

Ответов: 4
Просмотров: 85
Последний ответ 05.12.2017, 01:36:35
от leonid.m
Как установить требуемую HTML разметку?

Автор borro

Ответов: 12
Просмотров: 167
Последний ответ 01.12.2017, 09:07:24
от borro
РЕШЕНО: Description для HTML карты сайта OS map и Xmap

Автор JustRe1ax

Ответов: 8
Просмотров: 126
Последний ответ 22.11.2017, 09:40:38
от JustRe1ax