Новости Joomla

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

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Модальное окно
« : 21.02.2018, 11:40:14 »
Может  кто подскажет более удобное решение.
Есть страница с линками http://sad2.00am.ru/%D0%BC%D0%B5%D0%BD%D1%8E1
Каждый линк открывается в модальном окне, но очень геморно создавть для каждого Линка свой модуль .
Я использую этот модуль https://www.joomlatown.net/rasshireniya-joomla-obzor/407-vsplyvayushchee-okno-dlya-joomla-3
« Последнее редактирование: 21.02.2018, 23:31:28 от Rebarun »
*

Ragivort

  • Завсегдатай
  • 1154
  • 58 / 2
  • Такая Life
Re: Модальное окно
« Ответ #1 : 21.02.2018, 13:09:32 »
Не увидел там линзы и модальных окон)
Дозволь мне свершить то добро, которое я способен свершить, теперь, ибо я могу более не вернуться сюда.
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #2 : 21.02.2018, 23:35:30 »
Не увидел там линзы и модальных окон)
Прошу прощения, надо конечно проверять что пишется...
Не линзами а конечно линками
Странно что не видите модальных окон
Например если нажмете тут(стрелка на картинке) то откроется модальное окно
http://prntscr.com/ihzmna
Сама страница с линками тут http://sad2.00am.ru/%D0%BC%D0%B5%D0%BD%D1%8E1
*

Ragivort

  • Завсегдатай
  • 1154
  • 58 / 2
  • Такая Life
Re: Модальное окно
« Ответ #3 : 22.02.2018, 12:09:15 »
А как вы для каждого линка свой модуль создаете?
Дозволь мне свершить то добро, которое я способен свершить, теперь, ибо я могу более не вернуться сюда.
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Модальное окно
« Ответ #4 : 22.02.2018, 12:24:53 »
а не проще при создании линка указать на изображение
открывать в текущем окне/фрейме
и выбрать что открывать в попап окне?
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #5 : 22.02.2018, 13:31:59 »
А как вы для каждого линка свой модуль создаете?

Ну хотел так но понял что это будет неправильно.
Вопрос - как сделать ?
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #6 : 22.02.2018, 13:34:38 »
а не проще при создании линка указать на изображение
открывать в текущем окне/фрейме
и выбрать что открывать в попап окне?

Конечно проще по всей видимости.
Вопрос - как сделать ?

*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Модальное окно
« Ответ #7 : 22.02.2018, 13:40:56 »
Конечно проще по всей видимости.
Вопрос - как сделать ?


элементарно
при создании линка выбираете нужную картинку
в поле модал выбираете нужное окно
где линк открывать в том же окне фрейме
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #8 : 23.02.2018, 20:29:59 »
элементарно
при создании линка выбираете нужную картинку
в поле модал выбираете нужное окно
где линк открывать в том же окне фрейме
Спасибо!
Ну это вроде как понятно только картинка у меня открывается не в модальном окне а просто в другой вкладке
вот пример ( ссылка тест в конце этой страницы http://sad2.00am.ru/%D0%BC%D0%B5%D0%BD%D1%8E1)
Не говоря о том что URL мягко говоря неприемлемый формируется.
Что не так сделал ?
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Модальное окно
« Ответ #9 : 23.02.2018, 22:15:32 »
Что то вы перемудрили.
Достаточно использовать любую из JS библиотек для всяких там lightbox, моя любимая многофункциональная библиотека fancybox
Подключили в шаблон js\css файлы, в коде написали
Код
<a data-fancybox="gallery" href="big_1.jpg"><img src="small_1.jpg"></a>

и все - Lightbox готов, можно добавить описание для картинки, можно изменить шаблон всплывающего окна, да все что угодно и не нужно делать весь этот ужас, для каждой картинки свой модуль. Кто вас такому научил то вообще :)
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #10 : 24.02.2018, 20:26:25 »
Что то вы перемудрили. Достаточно использовать любую из JS библиотек для всяких там lightbox, моя любимая многофункциональная библиотека fancybox Подключили в шаблон js\css файлы, в коде написали  и все - Lightbox готов, можно добавить описание для картинки, можно изменить шаблон всплывающего окна, да все что угодно и не нужно делать весь этот ужас, для каждой картинки свой модуль. Кто вас такому научил то вообще :)



Попробовал подключить по Вашему совету, но есть подозрение что то не так:-(
Вот тут http://sad2.00am.ru/%D0%BC%D0%B5%D0%BD%D1%8E1 (По слову ТЕСТ)
Явно не в модально открывается .
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Модальное окно
« Ответ #11 : 24.02.2018, 21:18:07 »
Попробовал подключить по Вашему совету, но есть подозрение что то не так:-(
Конечно не так, вы смотрели документацию по моей ссылке?
Код
onclick="window.open(this.href+'&amp;img=images/slider/slide3.jpg&amp;title=111','111','scrollbars=yes,resizable=yes,location=yes,menubar=yes,status=yes,toolbar=yes,left=0,top=0');return false;"
Естественно что открывается новое окно с этими настройками

Виноват, смотрел ссылку ТЕСТ в конце текста, так то причина проста
в консоли висят ошибки
"NetworkError: 404 Not Found - http://sad2.00am.ru/jquery.fancybox.min.css"
"NetworkError: 404 Not Found - http://sad2.00am.ru/jquery.fancybox.min.js"

Неправильно подключили файлы, пропишите корректные пути
« Последнее редактирование: 24.02.2018, 21:23:29 от beliyadm »
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #12 : 24.02.2018, 23:00:14 »
 .
« Последнее редактирование: 24.02.2018, 23:03:16 от Rebarun »
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #13 : 24.02.2018, 23:02:28 »

Неправильно подключили файлы, пропишите корректные пути
Вроде бы поправил но все равно открывается не в модальном.
Что не так ?
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Модальное окно
« Ответ #14 : 24.02.2018, 23:21:12 »
Что вы хотите открыть в Lightbox? Картинку? Тогда зачем это на onclick?
Код
<a href="/component/jce/?view=popup&amp;tmpl=component" target="_self" rel="designates" id="11" class="wf_file fancybox-active" dir="rtl" onclick="window.open(this.href+'&amp;img=images/logo/sad_logo.gif&amp;title=32323&amp;width=444','32323','scrollbars=yes,resizable=yes,location=yes,menubar=yes,status=yes,toolbar=yes,left='+(screen.availWidth/2-222)+',top=0,width=444');return false;" rev="contents">TEST</a>
Еще раз - подключили файлы скрипта и по инструкции из документации пробуете разные варианты без всяких своих онкликов и обработчиков
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Модальное окно
« Ответ #15 : 25.02.2018, 00:05:31 »
Зачем геморой с кодом
Просто повесьте в редакторе модальное окно на ссылку. Я выше писал
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Модальное окно
« Ответ #16 : 25.02.2018, 00:09:17 »
Зачем геморой с кодом
Просто повесьте в редакторе модальное окно на ссылку. Я выше писал
А если нет этой библиотеки или стоит другая или вообще ничего нет или редактор другой? Вы даете человеку рыбу, я же удочку
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Модальное окно
« Ответ #17 : 25.02.2018, 02:35:56 »
А если нет этой библиотеки или стоит другая или вообще ничего нет или редактор другой? Вы даете человеку рыбу, я же удочку
Эммм...если память не изменяет на тини есть, но не уверен. Но на JCE оно по умолчанию....ну и как ни крути я считаю jce  оптимальным редактором. Я про пользую честный, платный
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Модальное окно
« Ответ #18 : 25.02.2018, 02:44:37 »
Эммм...если память не изменяет на тини есть, но не уверен. Но на JCE оно по умолчанию....
в бекенде да, но не факт что на фронте будет тот же лайбокс
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Модальное окно
« Ответ #19 : 25.02.2018, 03:06:06 »
в бекенде да, но не факт что на фронте будет тот же лайбокс
JCE точно настроить Lightbox без проблем вплоть до кнопок и размеров
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #20 : 26.02.2018, 08:47:47 »
JCE точно настроить Lightbox без проблем вплоть до кнопок и размеров
У меня тоже "про"
Можно подробнее алгоритм реализации ?
Я в принципе реализовал вывод другим способом, просто вставкой одной строчки в шаблон
 <?php JHTML::_('behavior.modal'); ?>
Все замечательно, только еще необходима возможность вставки текста под фото.
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #21 : 11.03.2018, 18:53:41 »
JCE точно настроить Lightbox без проблем вплоть до кнопок и размеров
Так как там о выводе дополнительной информации?
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Модальное окно
« Ответ #22 : 11.03.2018, 19:06:08 »
Какая именно доп инфлрмация?
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #23 : 11.03.2018, 19:19:38 »
Какая именно доп инфлрмация?
Я собственно описывал ситуацию :-)
Задача чтобы с минимальными затратами для будущего контенщика решить вопрос модального окна.
В данный момент у меня решается довольно просто всего лишь добавлением строки
<?php JHTML::_('behavior.modal'); ?>
в шаблон и далее вывод делается очень просто.
пример тут http://sad2.00am.ru/news/sosna ( ссылка в самом начале текста - "соснового леса"
Все хорошо, НО!
Есть необходимость добавлять дополнительную информацию в низу фото. Не знаю как сделать
И второе НО
После нажатия на линк ссылка не меняет цвет а все остальные линки меняют.
*

djumfan

  • Захожу иногда
  • 243
  • 13 / 0
Re: Модальное окно
« Ответ #24 : 11.03.2018, 19:32:02 »
Я собственно описывал ситуацию :-)
Какой интересный класс у вашего линка:
Код
<a href="/images/foto_text/sosna.jpg" class="modal alt=">соснового леса</a>
А с непрерывными пробелами ваще жуть...
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #25 : 11.03.2018, 19:56:52 »
Какой интересный класс у вашего линка:
Код
<a href="/images/foto_text/sosna.jpg" class="modal alt=">соснового леса</a>
А с непрерывными пробелами ваще жуть...
Вы вообще о чем ?
Простите но если хотите просто поговорить, выберите другую ветку.
Если есть что сказать по существу, с удовольствием послушаю , но без полемики и только по существу
*

djumfan

  • Захожу иногда
  • 243
  • 13 / 0
Re: Модальное окно
« Ответ #26 : 11.03.2018, 20:47:26 »
Вы вообще о чем ?
О том что вы делаете ошибки на самом приметивном уровне - в HTML.
По идее хотели что то такое:
Код
<a href="/images/foto_text/sosna.jpg" class="modal" alt="Сосновый лес">соснового леса</a>
У тега <a href=""></a> нет атрибута alt="" - http://htmlbook.ru/html/a
alt="" это для изображений.

Если есть что сказать по существу
по существу вам уже говорили - редактор JCE + JCE Media box это готовое решение для простейшего создания и редактирования модальных окон без всякого напряга.

А объяснять что такое дата-атрибуты - смысла нет. Увы, но вы не можете даже посмотреть ваш исходный код, чтобы увидеть сколько в нём приметивнейших ошибок. У вас пол текста через непрерывные пробелы.
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Модальное окно
« Ответ #27 : 12.03.2018, 20:42:14 »
О том что вы делаете ошибки на самом приметивном уровне - в HTML.
По идее хотели что то такое:
Код
<a href="/images/foto_text/sosna.jpg" class="modal" alt="Сосновый лес">соснового леса</a>
У тега <a href=""></a> нет атрибута alt="" - http://htmlbook.ru/html/a
alt="" это для изображений.
по существу вам уже говорили - редактор JCE + JCE Media box это готовое решение для простейшего создания и редактирования модальных окон без всякого напряга.

А объяснять что такое дата-атрибуты - смысла нет. Увы, но вы не можете даже посмотреть ваш исходный код, чтобы увидеть сколько в нём приметивнейших ошибок. У вас пол текста через непрерывные пробелы.

1. Вот это уже более конструктивный ответ.
То что "пол текста через непрерывные пробелы" это сейчас не суть ( т к  он тупо скопирован с другого движка на котором сейчас сайт) и конечно он будет правится.
Вопрос ПЕРВЫЙ и в данном вопросе он последний, решить проблему вывода модального окна так как хочется.
Остальные вопросы сейчас не решаем.

2. "редактор JCE + JCE Media box это готовое решение" - за это спасибо, видимо пропустил что советовали. Попробую реализовать

3. "А объяснять что такое дата-атрибуты - смысла нет." - смысл всегда есть.... но я и не просил об этом пояснении. Тем не менее спасибо за информацию на данном конкретном этапе.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает модальное окно

Автор Lemonez

Ответов: 2
Просмотров: 509
Последний ответ 27.11.2020, 11:08:16
от draff
Открыть модальное окно с формой, через кнопку на внешней странице

Автор mirstiker

Ответов: 0
Просмотров: 716
Последний ответ 07.04.2020, 11:39:38
от mirstiker
Изображения открываються на все окно

Автор DirtyXaS

Ответов: 4
Просмотров: 738
Последний ответ 01.03.2016, 06:35:17
от DirtyXaS
Шаблон Helix3 - как сделать кнопку ссылкой на всплывающее окно с формой из компонента форм?

Автор nick71

Ответов: 0
Просмотров: 1122
Последний ответ 11.04.2015, 02:49:00
от nick71