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

dm-krv

  • Давно я тут
  • 567
  • 8 / 0
Как сделать модальное окно во всю ширину?
« : 01.04.2018, 16:36:12 »
Наверное многие знаю, что модальные окно в Joomla можно создавать нативно, просто указывая к ссылке:
Код
class="modal" rel="{handler:'iframe',size:{x:640,y:480}}"

Способ очень удобный, но я ни как не пойму, каким образом здесь можно было бы открыть модальное окно не в пикселях, а во все 100% ширины окна?
Записан
*

dm-krv

  • Давно я тут
  • 567
  • 8 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #1 : 02.04.2018, 11:15:29 »
Ап.
Записан
*

rkron

  • Захожу иногда
  • 311
  • 7 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #2 : 02.04.2018, 11:57:00 »
Цитата: dm-krv от 02.04.2018, 11:15:29
Ап.
А ширину выставить 100% не пробовали? x:100%
Записан
*

dm-krv

  • Давно я тут
  • 567
  • 8 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #3 : 03.04.2018, 08:28:12 »
Цитата: rkron от 02.04.2018, 11:57:00
А ширину выставить 100% не пробовали? x:100%

Пробовал, так не работает. Надо как-то по другому тут. Через стили тоже не получилось, модальное окно генерируется ява скриптом, в котором непонятно как разрешение в процентах задавать.
Записан
*

dmitry_stas

  • Легенда
  • 12428
  • 1172 / 7
Re: Как сделать модальное окно во всю ширину?
« Ответ #4 : 03.04.2018, 10:26:43 »
Цитата: dm-krv от 01.04.2018, 16:36:12
Наверное многие знаю, что модальные окно в Joomla можно создавать нативно, просто указывая к ссылке
используйте bootstrap разметку для модальных окон, а не этот бабушкин способ который тянется из Joomla 1.5 :)
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

dm-krv

  • Давно я тут
  • 567
  • 8 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #5 : 04.04.2018, 18:16:04 »
Цитата: dmitry_stas от 03.04.2018, 10:26:43
используйте bootstrap разметку для модальных окон, а не этот бабушкин способ который тянется из Joomla 1.5 :)

Способ хоть и бабушкин, но он самый простой. Создаешь материал и просто вытягиваешь его линком со спец классом. Все остальное требует плясок с бубном, да и сайт серьезно перегружает, когда этих неактивных скрытых окон много на странице набирается.
Записан
*

dmitry_stas

  • Легенда
  • 12428
  • 1172 / 7
Re: Как сделать модальное окно во всю ширину?
« Ответ #6 : 04.04.2018, 19:30:06 »
так в бутстрапе ифрейм тоже делается, например https://stackoverflow.com/questions/25565716/load-iframe-in-bootstrap-modal . может конечно немного сложнее, но зато юзается только бутстрап, безо всяких дополнительных библиотек, и никаких перегрузок и скрытых окон. еще и плюс ко всему ссылок не будет лишних на материал "со спец классом"
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

dm-krv

  • Давно я тут
  • 567
  • 8 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #7 : 04.04.2018, 19:38:47 »
Увы, для меня это немного, не преодолимая стена) Опыта маловато. Конечно, со временем все само в голове в единую схему соберется, но когда это еще будет.
Записан
*

palexa

  • Завсегдатай
  • 1094
  • 87 / 0
  • В следующей жизни, я буду кошкой
Re: Как сделать модальное окно во всю ширину?
« Ответ #8 : 06.04.2018, 13:34:22 »
Цитата: dm-krv от 01.04.2018, 16:36:12
rel="{handler:'iframe',size:{x:640,y:480}}"
Я не знал, но попробовал
Код
<p><a class="modal" href="contact-form/" rel="{handler:'iframe',size:{x:640,y:480}}">Написать сообщение</a></p>

Просто открывается обычная вкладка
Записан
*

dm-krv

  • Давно я тут
  • 567
  • 8 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #9 : 06.04.2018, 15:51:08 »
Цитата: palexa от 06.04.2018, 13:34:22
class="modal"

Сначала надо включить это функцию)

Вот инструкция:
http://www.webadvisor.ru/lightbox-v-joomla.html

А еще у тебя ссыль не правильная, надо:
href="/contact-form?tmpl=component"
« Последнее редактирование: 06.04.2018, 15:57:00 от dm-krv »
Записан
*

palexa

  • Завсегдатай
  • 1094
  • 87 / 0
  • В следующей жизни, я буду кошкой
Re: Как сделать модальное окно во всю ширину?
« Ответ #10 : 06.04.2018, 16:08:33 »
Ага  ;D Спасибо
Записан
*

palexa

  • Завсегдатай
  • 1094
  • 87 / 0
  • В следующей жизни, я буду кошкой
Re: Как сделать модальное окно во всю ширину?
« Ответ #11 : 06.04.2018, 16:25:05 »
Цитата: dm-krv от 06.04.2018, 15:51:08
Сначала надо включить это функцию)
Включил, получилось

Цитата: dm-krv от 06.04.2018, 15:51:08
А еще у тебя ссыль неправильная, надо:
href="/contact-form?tmpl=component"
Ссылка правильная, это папка отдельного скрипта, но всё равно спасибо
Записан
*

palexa

  • Завсегдатай
  • 1094
  • 87 / 0
  • В следующей жизни, я буду кошкой
Re: Как сделать модальное окно во всю ширину?
« Ответ #12 : 06.04.2018, 22:44:23 »
Но вот пробую открывать статью в модальном окне, но открывается вся страница
Код
<a href="/tsena.html?tmpl=component" rel="{handler: 'iframe', size: {x: 800, y: 600}}" class="modal">Статья</a>
Записан
*

palexa

  • Завсегдатай
  • 1094
  • 87 / 0
  • В следующей жизни, я буду кошкой
Re: Как сделать модальное окно во всю ширину?
« Ответ #13 : 06.04.2018, 23:57:18 »
Цитата: palexa от 06.04.2018, 22:44:23
Но вот пробую открывать статью в модальном окне, но открывается вся страница
Код
<a href="/tsena.html?tmpl=component" rel="{handler: 'iframe', size: {x: 800, y: 600}}" class="modal">Статья</a>
Добавил в исключение плагина JL No Doubles строку tmpl=component, (или отключить плагин) заработало  :D

Но вот контент без стилей шаблона отображается, как исправить ?
Записан
*

dmitry_stas

  • Легенда
  • 12428
  • 1172 / 7
Re: Как сделать модальное окно во всю ширину?
« Ответ #14 : 07.04.2018, 00:55:16 »
добавить подключение CSS в файл /templates/ваш шаблон/component.php
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

palexa

  • Завсегдатай
  • 1094
  • 87 / 0
  • В следующей жизни, я буду кошкой
Re: Как сделать модальное окно во всю ширину?
« Ответ #15 : 07.04.2018, 01:56:22 »
Цитата: dmitry_stas от 07.04.2018, 00:55:16
добавить подключение CSS в файл /templates/ваш шаблон/component.php
упс, точно, её там нет
Код
 <link rel="stylesheet" href="<?php echo $this->baseurl . '/templates/' . $this->template; ?>/css/template.css" type="text/css" />
Спасибо +1
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модальное окно на смартфоне при попытке закрыть сайт

Автор dm-krv

 Ответов: 2
Просмотров: 63 		Последний ответ 12.09.2018, 10:20:31
от dm-krv
Как сделать на js клик по элементу по его классу?

Автор dm-krv

 Ответов: 17
Просмотров: 348 		Последний ответ 04.04.2018, 19:55:24
от dm-krv