fancybox перезагрузка страницы при выходе
 

Всем привет!

Есть два файла page1.php и page2.php.
В page1.php есть запуск fancybox посредством строки:

<a href="javascript:displaylightbox('page2.php',{})" target="_self"><img src='images/img.jpg' width = "40", height = "24"></a>

Сам fancybox описан на странице page1.php:

<script>
function displaylightbox(url, options)
{
    options.width = 800;
    options.height = 800;
   options.padding = 0;
   options.autoScale = true;
   options.closeBtn = false;
   options.href = url;
   options.type = 'iframe';
   $.fancybox(options);
}
</script>

Все работает, все отлично, в fancybox открывается содержимое страницы page2.php. Вопрос такой, как сделать так, чтобы при закрытии fancybox (нажатием на крестик или вне fencybox) обновилась бы страница page1.php?

В java не силен, особенно в синтаксисе, поэтому буду благодарен если ответ будет не поверхностный. Спасибо!

boroda4,
добавить в строку 3

options.afterClose = function() {
   window.location.href = window.location.href; 
}

не сработало, не перегружается страница page1 (

boroda4,
fancybox версия какая?

boroda4,
afterClose замените на onClosed если версия 1

1.3.4

boroda4,

options.onClosed = function() { 
   window.location.reload(true);  
}

Сработало! Спасибо огромное за помощь!!! +

И снова всем привет.
Вот решил перейти на 3 версию fancybox, в связи с чем опять возникла проблема с перезагрузкой страницы после закрытия fancybox.

Итак. Есть два файла page1.php и page2.php.
В page1.php подключаются скрипты:

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.2/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.2/dist/jquery.fancybox.min.js"></script>

в файле page2.php код открытия fancybox и подгрузка контента:

<a href="page.php" data-fancybox data-options='"type" : "iframe", "iframe" : {"preload" : false, "css" : {"width" : "600px", "height" : "700px"}}}'><img src='images/image.jpg' width = "40", height = "24"></a

этот код открывает fancybox и подгружает контент, но естественно не перегружает page1 при закрытии.

такой код тоже не срабатывает

<a href="page.php" data-fancybox data-options='{"afterClose" : function() { window.location.reload(true); }, "type" : "iframe", "iframe" : {"preload" : false, "css" : {"width" : "600px", "height" : "700px"}}}'><img src='images/image.jpg' width = "40", height = "24"></a

Помогите решить проблему. Спасибо!

boroda4,
попробуйте так window.top.location...

не работает (. Пишет The requested content cannot be loaded.

как только я убираю

..."afterClose" : function() { window.top.location(true); },...

фенсибокс открывается и контент подгружается, а с "afterClose"... даже контент не подгружается

boroda4,
значит через атрибут опцию afterClose загрузить не получится, грузите сриптом.

в том то и дело, что скриптом не получается сделать, если все на одной странице, то работает, а у меня открытие модального окна происходит из фрейма, т.е. page1 грузит в себя page2 и в нем уже производится запуск модального окна. Пробовал разные варианты, но видимо знаний не хватает...

добавить
ниже

<script>
$(function() {
$.fancybox.defaults.afterClose = function() { window.top.location.reload(true)}
});
  </script>

Спасибо огромное. сработало!!! :) респект!!!!