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

xxx87

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

Efanych

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

fbr

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

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

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

Efanych

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

  • Живу я здесь
  • 2093
  • 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 или php

Автор cirip

Ответов: 0
Просмотров: 43
Последний ответ 19.02.2018, 22:34:43
от cirip
Как редактируется html код страницы?

Автор Денис_

Ответов: 11
Просмотров: 107
Последний ответ 15.02.2018, 21:23:29
от beliyadm
Перенаправление на.html

Автор sega

Ответов: 3
Просмотров: 79
Последний ответ 14.02.2018, 16:21:54
от zikkuratvk
Изображения в JA Bulletin модуле

Автор RivalNoX

Ответов: 0
Просмотров: 71
Последний ответ 12.02.2018, 04:42:54
от RivalNoX
Как все станицы сайта сделать статическими (.html)?

Автор vipex

Ответов: 6
Просмотров: 121
Последний ответ 09.02.2018, 23:17:25
от Olg