Тема: Как в lightbox вывести html документ
Как можно в lightbox вывести какой-либо html документ?
2 31.03.2015 12:17:06 Отредактировано Александр (31.03.2015 12:17:16)
Re: Как в lightbox вывести html документ
Насколько я помню lightbox, то там как и с фотками подсовываете просто урл у ссылки на нужный html документ.
Re: Как в lightbox вывести html документ
Ссылку-то я подсовываю, но также видимо нужно поменять class="viewbox", иначе документ становится еще одним фото вместе с существующими фотографиями в карточке товара. А вот где добавить новый класс, это для меня вопрос.
4 31.03.2015 14:31:48 Отредактировано Александр (31.03.2015 14:32:53)
Re: Как в lightbox вывести html документ
А чем Вас наш colorboх не устраивает? Если вы пользуетесь нашей темой оформления, то вы можете ссылке указать класс inDialog. У Вас откроется ссылка в всплывающем окне.
В theme.js должна быть строка $('.inDialog').openInDialog();
А сама функция openInDialog лежит в common.js
5 01.04.2015 08:29:19 Отредактировано Sergey T. (01.04.2015 08:34:56)
Re: Как в lightbox вывести html документ
В theme.js должна быть строка $('.inDialog').openInDialog();
Такая строка есть.
Делаю вот так:
<a href="/templates/luchski/test.html" class="inDialog">TEST</a></p>test.html - обычный документ с парой строк
Всплывает следующее:
и так висит. Что-то где-то видимо не доглядел.
Если ссылку сделать вот так:
<a href="#" class="inDialog">ASDAF</a>то всплывает текущая карточка товара.
6 01.04.2015 12:03:52 Отредактировано Александр (01.04.2015 12:04:55)
Re: Как в lightbox вывести html документ
Если ссылку сделать вот так:
<a href="#" class="inDialog">ASDAF</a>
то всплывает текущая карточка товара.
Естественно. Это урл сам на себя просто с пустым якарем.
<a href="/templates/luchski/test.html" class="inDialog">TEST</a></p>
Дело вот в чём, inDialog ожидает json, который содержит поле html. Его выдают все страницы системы, если к ним обращаться через AJAX. Если вы хотите, открыть сторонний файл html. То тогда вот так:
<a href="/templates/default/test.html" onclick="$(this).colorbox();">Открыть</a>И будет Вам счастье. 
Re: Как в lightbox вывести html документ
Благодарю! Все получилось!
