Три столбца jquery

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО
#1 25 января 2014 в 04:42
Доброе утро!
При отключенном сайте хочу поставить три ссылки на jquery. Теперь точнее, пользыватель зашел на сайт(на отключенный) перед ним три блока к примеру "блок1" "блок2" "блок3" при клике на определенный блок будет открыватся модальное окно с надписью (к примеру в окне1): сайт закрыт, ведутся работы и т.д. ну соответственно в каждом окне разная надпись закрыл окно кликнул на другой блок и открылось окно с другой надписью.(И еще блок будет-картинка )
скачал готовый скрипт дублировал блок1.js блок2.js блок3.js но получилось задуманное, теперь подскажите подалуйста где ошибка
  1. function open_popup(box) {
  2. $("#background").show()
  3. $(box).centered_popup();
  4. $(box).delay(100).show(1);
  5. }
  6.  
  7. function close_popup(box) {
  8. $(box).hide();
  9. $("#background").delay(100).hide(1);
  10. }
  11.  
  12. $(document).ready(function() {
  13.  
  14. $.fn.centered_popup = function() {
  15. this.css('position', 'absolute');
  16. this.css('top', ($(window).height() - this.height()) / 2 + $(window).scrollTop() + 'px');
  17. this.css('left', ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 'px');
  18. }
  19.  
  20. });
  1.  
  2. #background {
  3. left: 0;
  4. top: 0;
  5. position: absolute;
  6. background: #000;
  7. opacity: 0.7;
  8. z-index: 999;
  9. display: none;
  10. height: 100%;
  11. width: 100%;
  12. }
  13.  
  14. #modal_window {
  15. display: none;
  16. z-index: 9999;
  17. border: 1px solid #444;
  18. background-color: #FEFEFE;
  19. border-radius: 10px;
  20. padding: 15px 20px;
  21. height: 250px;
  22. width: 450px;
  23. }
  1.  
  2. <a onclick="open_popup('#modal_window');" href="окно1">Открыть окно</a>
  3. <div id="modal_window">
  4. <a onclick="close_popup('#modal_window');" href="окно1">Закрыть окно</a>
  5. текст 1
  6. </div>
  7.  
  8. <a onclick="open_popup('#modal_window');" href="окно2">Открыть окно</a>
  9. <div id="modal_window">
  10. <a onclick="close_popup('#modal_window');" href="окно2">Закрыть окно</a>
  11. текст 2
  12. </div>
  13.  
  14. <a onclick="open_popup('#modal_window');" href="окно3">Открыть окно</a>
  15. <div id="modal_window">
  16. <a onclick="close_popup('#modal_window');" href="окно3">Закрыть окно</a>
  17. текст 3
  18. </div>
  19. <div id="background"></div>
#2 25 января 2014 в 17:50
Из вашего описания не понял что не работает, но кажется догадался.
В таких случаях, обычно, скрипт должен понимать какой блок подгружать, у вас же везде одно и тоже #modal_window. Нужно id прописать индивидуальный. В общем то, что у вас — не совсем то.
#3 25 января 2014 в 17:58
Вот вам демо идеально, мне кажется подходит к вашему случаю. И сам урок. Работает на css без JS.
#4 25 января 2014 в 22:55
PolarOne, верно но на ие7 это не работает, поэтому хочу на ява сделать.

Из вашего описания не понял что не работает

PolarOne
Забыл написать. Работает, но так: при нажатии на какой либо блок откривается окно первого блока, а мне надо что бы для каждого блока открывалось свое окно.
#5 26 января 2014 в 00:01
Значит я понял правильно. У меня чего-то вообще не работает ваш скрипт, но по идее в стили добавить нужно
#modal_window #modal_window2 #modal_window3
и также поставить
onclick="open_popup('#modal_window2');
onclick="close_popup('#modal_window2');"
Так как везде открывается/закрывается одно окно во всех трех случаях modal_window

Так как у меня не работает вообще, даже ваш пример — скажите заработает ли у вас. Если нет, прошу прикрепить весь файл который у вас имеется и разберемся. Тут на самом деле не сложно!
#6 26 января 2014 в 00:02
PolarOne, сейчас посмотрю.
#7 26 января 2014 в 00:09
PolarOne, Все работает! Большое вам спасибо за помощ!
#8 26 января 2014 в 00:43
Shahin, ну я рад!)
#9 26 января 2014 в 00:55
Тему закройте тогда ) галочка радом с постом)
#10 26 января 2014 в 03:30
Димитриус, smile
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.