Jump to content


Photo
* - - - - 1 votes

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


Best Answer al2401 , 14 November 2013 - 08:35

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

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


  • This topic is locked This topic is locked
7 replies to this topic

#1 al2401

al2401
  • JBZoo User (rus)
  • User rate: 0.7
  • posts: 173
  • topics: 56

Posted 05 November 2013 - 14:57

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

 

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

 

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

 

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

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


  • 0

#2 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 06 November 2013 - 13:41

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

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

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



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


#3 al2401

al2401
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.7
  • posts: 173
  • topics: 56

Posted 11 November 2013 - 15:21

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


  • 0

#4 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 11 November 2013 - 16:22

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

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

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


  • 0
Posted Image
 

#5 al2401

al2401
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.7
  • posts: 173
  • topics: 56

Posted 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
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 13 November 2013 - 19:11

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

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


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



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


#7 al2401

al2401
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.7
  • posts: 173
  • topics: 56

Posted 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
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.7
  • posts: 173
  • topics: 56

Posted 14 November 2013 - 08:35   Best Answer

Скрипт для отображения сравнения в всплывающем окне в ссылку добавить класс "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!