Перейти к содержимому


Фотография
* - - - - 1 Голосов

Сравнение в всплывающем окне


Лучший Ответ al2401 , 14 November 2013 - 08:35

Скрипт для отображения сравнения в всплывающем окне в ссылку добавить класс "compare-lightbox"

<script type="text/javascript">
jQuery(function($){
        $("a.compare-lightbox").fancybox({
               'type':'iframe'
            });
        });
</script>
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 7

#1 al2401

al2401

Отправлено 05 November 2013 - 14:57

Добрый день, помогите разобраться:

 

1. сравнение выводится в всплывающем окне, но в скрипте появляются ошибки и окно в Firefox не отображается вообще, а в IE и Chrome отображается, но не закрывается

 

2. как сделать, чтобы при нажатии "удалить объекты со страници сравнения", всплывающее окно просто закрывалось и пользователь оставался на странице

 

Посмотреть можно сдесь http://kvartira.961-...?category_id=50

ссылка "Перейти на страницу сравнения (в новом окне)"


  • 0

#2 SmetDenis

SmetDenis

Отправлено 06 November 2013 - 13:41

Думаю проблема в том что используется widgetKit. Где-то конфликт скриптов
Попробуйте использовать fancbox, он есть в комплекте JBZoo

Тогда закрывать окно можно с помощью метода
jQuery.fancybox.close();

  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как моно скорее!


— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 al2401

al2401

Отправлено 11 November 2013 - 15:21

Подскажите пожалуйста синтаксис для всплывающего окна fancybox.


  • 0

#4 Cheren-dow

Cheren-dow

Отправлено 11 November 2013 - 16:22

Самый простой способ вывести fabcy

<script type="text/javascript">
	$(document).ready(function() {
		$(".fancybox").fancybox();
	});
</script>

Более подробно вы можете почитать официальную документацию


  • 0
Изображение
 

#5 al2401

al2401

Отправлено 12 November 2013 - 08:27

Fancybox не выводит сравнение в всплывающем окне, для проверки подставил вместо ссылки на сравнение, ссылку на фото, фото открывается в всплывающем окне.

<script type="text/javascript">
  jQuery(function($){
                $("a.compare-lightbox").fancybox();
            });
</script>
       	<a class="compare-lightbox" href="index.php?controller=compare&task=compare&app_id=4&type=kvartira-vtorichka&layout=v&tmpl=component">Перейти на страницу сравнения (в новом окне1)</a></br>
       	<a class="compare-lightbox" href="http://kvartira.961-961.ru/cache/com_zoo/images/14284_6_3528f37d6938cf61989036af1419a14c.jpg">Проверка работы fancybox</a></div>        	

Посмотреть на сайте http://kvartira.961-...?category_id=50

ссылки:

"Перейти на страницу сравнения (в новом окне)"
"Проверка работы fancybox"


  • 0

#6 SmetDenis

SmetDenis

Отправлено 13 November 2013 - 19:11

У вас в href ссылка не на страницу сравнения? а на картинку. Очевидно нужно указать ссылку на страницу сравнения.

Желательно с параметром tmpl=component


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как моно скорее!


— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#7 al2401

al2401

Отправлено 14 November 2013 - 06:19

Просто не обратили внимание, выше я писал, на странице http://kvartira.961-...?category_id=50 две ссылки:

 

первая на сравнение, страница сравнения в всплывающем окне не открывается

"Перейти на страницу сравнения (в новом окне)"

http://kvartira.961-...&tmpl=component

 

вторая специально для проверки fancybox там картинка, картинка открывается в всплывающем окне

"Проверка работы fancybox"

http://kvartira.961-...6af1419a14c.jpg


  • 0

#8 al2401

al2401

Отправлено 14 November 2013 - 08:35   Лучший Ответ

Скрипт для отображения сравнения в всплывающем окне в ссылку добавить класс "compare-lightbox"

<script type="text/javascript">
jQuery(function($){
        $("a.compare-lightbox").fancybox({
               'type':'iframe'
            });
        });
</script>

  • 0




Click to return to top of page in style!