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

xxx87

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

Efanych

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

fbr

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

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

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

Efanych

  • Глобальный модератор
  • 4667
  • 638 / 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

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

Где находится html код переменной?

Автор a22432

Ответов: 1
Просмотров: 117
Последний ответ 16.10.2018, 05:31:43
от arma
Взять код js и HTML, css с другого сайта (калькулятор осаго, расчет кбм)

Автор KsandrL

Ответов: 19
Просмотров: 4284
Последний ответ 11.10.2018, 16:07:28
от itpb
Где находятся html файлы joomsport

Автор Taras_678

Ответов: 2
Просмотров: 102
Последний ответ 14.09.2018, 15:13:22
от Taras_678
Стоит ли? Скрипт в html-макете письма

Автор fbr

Ответов: 0
Просмотров: 137
Последний ответ 03.09.2018, 18:39:12
от fbr
html теги в доп поле Editor

Автор Pryan

Ответов: 1
Просмотров: 103
Последний ответ 30.08.2018, 12:47:12
от fbr