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


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

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


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

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

  1. <script type="text/javascript">
  2. jQuery(function($){
  3.         $("a.compare-lightbox").fancybox({
  4.                'type':'iframe'
  5.             });
  6.         });
  7. </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

Тогда закрывать окно можно с помощью метода
  1. 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

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

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


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

#5 al2401

al2401

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

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

  1. <script type="text/javascript">
  2. jQuery(function($){
  3. $("a.compare-lightbox").fancybox();
  4. });
  5. </script>
  6. <a class="compare-lightbox" href="index.php?controller=compare&task=compare&app_id=4&type=kvartira-vtorichka&layout=v&tmpl=component">Перейти на страницу сравнения (в новом окне1)</a></br>
  7. <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"

  1. <script type="text/javascript">
  2. jQuery(function($){
  3.         $("a.compare-lightbox").fancybox({
  4.                'type':'iframe'
  5.             });
  6.         });
  7. </script>

  • 0




Click to return to top of page in style!