Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.10.2018, 12:38
Новичок на форуме
Отправить личное сообщение для boroda4 Посмотреть профиль Найти все сообщения от boroda4
 
Регистрация: 27.10.2018
Сообщений: 8

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 не силен, особенно в синтаксисе, поэтому буду благодарен если ответ будет не поверхностный. Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 27.10.2018, 12:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

boroda4,
добавить в строку 3
options.afterClose = function() {
   window.location.href = window.location.href; 
}
Ответить с цитированием
  #3 (permalink)  
Старый 27.10.2018, 13:10
Новичок на форуме
Отправить личное сообщение для boroda4 Посмотреть профиль Найти все сообщения от boroda4
 
Регистрация: 27.10.2018
Сообщений: 8

не сработало, не перегружается страница page1 (
Ответить с цитированием
  #4 (permalink)  
Старый 27.10.2018, 13:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

boroda4,
fancybox версия какая?
Ответить с цитированием
  #5 (permalink)  
Старый 27.10.2018, 13:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

boroda4,
afterClose замените на onClosed если версия 1
Ответить с цитированием
  #6 (permalink)  
Старый 27.10.2018, 13:29
Новичок на форуме
Отправить личное сообщение для boroda4 Посмотреть профиль Найти все сообщения от boroda4
 
Регистрация: 27.10.2018
Сообщений: 8

1.3.4
Ответить с цитированием
  #7 (permalink)  
Старый 27.10.2018, 13:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

boroda4,

options.onClosed = function() { 
   window.location.reload(true);  
}
Ответить с цитированием
  #8 (permalink)  
Старый 27.10.2018, 13:44
Новичок на форуме
Отправить личное сообщение для boroda4 Посмотреть профиль Найти все сообщения от boroda4
 
Регистрация: 27.10.2018
Сообщений: 8

Сработало! Спасибо огромное за помощь!!! +
Ответить с цитированием
  #9 (permalink)  
Старый 27.11.2018, 13:01
Новичок на форуме
Отправить личное сообщение для boroda4 Посмотреть профиль Найти все сообщения от boroda4
 
Регистрация: 27.10.2018
Сообщений: 8

И снова всем привет.
Вот решил перейти на 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


Помогите решить проблему. Спасибо!
Ответить с цитированием
  #10 (permalink)  
Старый 27.11.2018, 13:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

boroda4,
попробуйте так window.top.location...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Fancybox: открытие окна при загрузке страницы spo jQuery 6 15.06.2015 16:04
Исчезаение блока при прокрутке страницы gogogo Общие вопросы Javascript 3 28.12.2014 16:45
Активация нужного таба при переходе с другой страницы vladza Общие вопросы Javascript 4 11.11.2014 10:48
Fancybox при клике на метку Яндекс.Карт не работает с параметрами imax57 jQuery 0 04.10.2014 09:18
Выезжающие\уезжающие div при загрузке страницы goodkot Элементы интерфейса 1 28.09.2012 08:58