Несколько модальных окон на одной странице

[pleymo]

Подскажите пожалуйста кто видел скрипт на несколько модальных окон на одной странице, очень нужно, нашел всего 1, но он работает не совсем корректно в моем случае.

 

Спасибо

[afdw]

Имеется ввиду модальных окон, открытых одновременно?

[pleymo]

Имеется ввиду модальных окон, открытых одновременно?

 

 

нет, есть к примеру таблица с кнопками, при нажатии на каждую кнопку открывается окно с текстом, по стилям окна все одинаковые, но меняется только текст

[Great Rash]

Модальное окно на то и модальное, чтобы открывалось только оно. Смысл модального окна в том, что вы не можете совершить никаких действий на странице, пока не совершите действие в модальном окне. Например если в JavaScript написать alert(1);, то вы получите модальное окно, и страница заблокируется до тех пор пока вы не нажмёте ОК.

В вашем случае вам нужен просто обычный попап.

[Zverushka]

Теперь я знаю, что такое модальное окно, все время гадала, что за название .

[pleymo]

Модальное окно на то и модальное, чтобы открывалось только оно. Смысл модального окна в том, что вы не можете совершить никаких действий на странице, пока не совершите действие в модальном окне. Например если в JavaScript написать alert(1);, то вы получите модальное окно, и страница заблокируется до тех пор пока вы не нажмёте ОК.

В вашем случае вам нужен просто обычный попап.

 

 

да если бы те попапы подходили, везде одиночные

[Great Rash]

http://codepen.io/GreatRash/pen/Eonmj

[swandev]

 

Модальное окно на то и модальное, чтобы открывалось только оно. Смысл модального окна в том, что вы не можете совершить никаких действий на странице, пока не совершите действие в модальном окне. Например если в JavaScript написать alert(1);, то вы получите модальное окно, и страница заблокируется до тех пор пока вы не нажмёте ОК.

В вашем случае вам нужен просто обычный попап.

 

 

да если бы те попапы подходили, везде одиночные

 

fancybox позволяет создать сколько нужно. Прописываете им разный id и общий класс

[nerv]

Чтобы заработало несколько модальных окон на одной странице, наужно создать ЕЩЕ БОЛЬШЕ одинаковых тем на разных форумах

 

http://javascript.ru/forum/jquery/47682-neskolko-modalnykh-okon-na-odnojj-stranice.html

http://javascript.ru/forum/xhtml-html-css/47598-vsplyvayushhee-okno-pozicionirovanie.html

Edited June 3, 2014 by nerv

[Switch74]

А в чем проблема? Запихнуть нужный текст в модальное окно? У вас получилось сделать хоть одно? Если да, то как вы его сделали?

Предположу, что у вас модальное окно -это скрытый блок уже с набитым текстом который показывается при нажатии на кнопочку, и вы не знаете как сделать чтобы появлялись разные блоки при нажатии на разные кнопочки?

 

Вообще лучше сделать конечно блок один, а нужный текст в него вставлять. Как вариант самого простого модального окна могу предложить это.

[swandev]

Что может быть проще? скачать плагин http://fancybox.net/   и настроить

 

<a href="#modal1" class="popup">кнопка1</a>

<a href="#modal2" class="popup">кнопка2</a>

<a href="#modal3" class="popup">кнопка3</a>

 

<div style="display: none">

   <div id="modal1">

       Окно1

    </div>

</div>

 

<div style="display: none">

   <div id="modal2">

       Окно2

    </div>

</div>

 

<div style="display: none">

   <div id="modal3">

       Окно3

    </div>

</div>

 

 

$(".popup").fancybox({

});

Edited June 4, 2014 by ALEEX SWN

[Zverushka]

Это старая версия, новая тут http://fancyapps.com/fancybox/

[user89]

На всякий случай, такой вариант http://www.sql.ru/forum/actualutils.aspx?action=gotomsg&tid=1036542&msg=14600782