При отключенном сайте хочу поставить три ссылки на jquery. Теперь точнее, пользыватель зашел на сайт(на отключенный) перед ним три блока к примеру "блок1" "блок2" "блок3" при клике на определенный блок будет открыватся модальное окно с надписью (к примеру в окне1): сайт закрыт, ведутся работы и т.д. ну соответственно в каждом окне разная надпись закрыл окно кликнул на другой блок и открылось окно с другой надписью.(И еще блок будет-картинка )
скачал готовый скрипт дублировал блок1.js блок2.js блок3.js но получилось задуманное, теперь подскажите подалуйста где ошибка
function open_popup(box) { $("#background").show() $(box).centered_popup(); $(box).delay(100).show(1); } function close_popup(box) { $(box).hide(); $("#background").delay(100).hide(1); } $(document).ready(function() { $.fn.centered_popup = function() { this.css('position', 'absolute'); this.css('top', ($(window).height() - this.height()) / 2 + $(window).scrollTop() + 'px'); this.css('left', ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 'px'); } });
#background { left: 0; top: 0; position: absolute; background: #000; opacity: 0.7; z-index: 999; display: none; height: 100%; width: 100%; } #modal_window { display: none; z-index: 9999; border: 1px solid #444; background-color: #FEFEFE; border-radius: 10px; padding: 15px 20px; height: 250px; width: 450px; }
<a onclick="open_popup('#modal_window');" href="окно1">Открыть окно</a> <div id="modal_window"> <a onclick="close_popup('#modal_window');" href="окно1">Закрыть окно</a> текст 1 </div> <a onclick="open_popup('#modal_window');" href="окно2">Открыть окно</a> <div id="modal_window"> <a onclick="close_popup('#modal_window');" href="окно2">Закрыть окно</a> текст 2 </div> <a onclick="open_popup('#modal_window');" href="окно3">Открыть окно</a> <div id="modal_window"> <a onclick="close_popup('#modal_window');" href="окно3">Закрыть окно</a> текст 3 </div> <div id="background"></div>