Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Модальное окно. (https://javascript.ru/forum/dom-window/61591-modalnoe-okno.html)

Salvat 25.02.2016 01:31

Модальное окно.
 
Имеется модальное окно, в нем выводятся данные из MySQL. Скажите, каким образом перезагрузить можно страницу, не закрывая модального окна после перезагрузки. Чтобы оно закрывалось только тогда, когда пользователь нажмет на крестик, было после перезагрузки страницы.
var popupStatus = 0;
function loadPopup(){ 
  // Открываем окно только если оно закрыто
  if(popupStatus==0){ 
    $("#backgroundPopup").css({ 
      "opacity": "0.7" 
    }); 
    $("#backgroundPopup").fadeIn("slow"); 
    $("#popupContact").fadeIn("slow"); 
    popupStatus = 1; 
  } 
}
function disablePopup(){ 
  // Закрываем окно только если оно открыто
  if(popupStatus==1){ 
    $("#backgroundPopup").fadeOut("slow"); 
    $("#popupContact").fadeOut("slow"); 
    popupStatus = 0; 
  } 
}
function centerPopup(){ 
  // ширина и высота окна браузера 
  var windowWidth = document.documentElement.clientWidth; 
  var windowHeight = document.documentElement.clientHeight; 
  var popupHeight = $("#popupContact").height(); 
  var popupWidth = $("#popupContact").width(); 
  // размещаем окно в центре страницы
  $("#popupContact").css({ 
    "position": "absolute", 
    "top": windowHeight/2-popupHeight/2, 
    "left": windowWidth/2-popupWidth/2 
  }); 
  // только для MS IE 6   
  $("#backgroundPopup").css({ 
    "height": windowHeight 
  }); 
}
$(document).ready(function(){
  // ОТКРЫТИЕ ОКНА
  // Событие - щелчек по кнопке
  $("#button").click(function(){
    // размещаем окно в центре страницы
    centerPopup();
    // открываем окно
    loadPopup();
  });
               
  // ЗАКРЫТИЕ ОКНА
  // Событие - щелчок по "x"
  $("#popupContactClose").click(function(){
    // закрываем окно
    disablePopup();
  });
  // Событие - щелчок за пределами окна
  $("#backgroundPopup").click(function(){
    // закрываем окно
    disablePopup();
  });
  // Событие - нажата клавиша Escape
  $(document).keypress(function(e){
    if(e.keyCode==27 && popupStatus==1) {
      // закрываем окно
      disablePopup();
    }
  });
});

рони 25.02.2016 02:16

Salvat,
не помогу, просто интересно о чём вы спросили?

Salvat 25.02.2016 03:16

Скрипт страницы будет обновляться, в модальном окне отображаются данные с базы данных. Мне необходимо после перезагрузки страницы чтобы снова было открыто модальное окно, если его юзер вызывал. И закрывалось оно только когда юзер его закроет, а не после перезагрузки страницы.

AciDWarrioR 25.02.2016 09:20

Salvat,
Не знаю, на сколько я прав. У меня была задача запоминать, где закончил рисовать человек на карте. Так я создавал флаг и таблицу в БД, с параметрами положения (т.е. координаты, какой зум и т.д.)
Думаю вам можно попробывать типо такого: Если пользователь вызвал модальное окно, поставить флаг на тру и добавить в БД этот флаг(если у вас есть какие то параметры модального окна, которые зависят от выбора пользователя, надо их будет в БД как-то описать). А в самом начале загрузки страницы сделать проверку на существования флага, если true, то вызвать модальное окно.
Как то так. Надеюсь поможет

destus 25.02.2016 09:33

Salvat,
веб-хранилище не устраивает?


Часовой пояс GMT +3, время: 13:32.