Два и более модальных окна?

Question

[NeveR3d]

Хочу вставить на страницу два и более окна по гайду lebonnet.ru/zametki-web-mastera/javascript/ajax-fo... Но не получается. покажите пожалуйста пример

Answer 1

[Илья Караваев]

В вашем примере проблема с частью открытия окна:

$('.open_modal').click(function (e){
    e.preventDefault();
    $('.popup, .overlay').css({'opacity':'1', 'visibility':'visible'});
});

Если вы в ссылку положите что открывать и модельному окну выдадите уникальный id, то можете делать так:

$('.open_modal').click(function (e){
    e.preventDefault();
    var id = $(this).attr("href");
    $(id + ', .overlay').css({'opacity':'1', 'visibility':'visible'});
});

Как то так. С некоторыми доработками и Ваша модалка из статьи может стать более резиновой.

Comments

[NeveR3d]

присвоил каждому окну id и также ссылки, но все равно не работает. И в вашем примере как я понял, будет один обработчик формы. Но я хотел сделать, кнопка одна-форма, кнопка вторая-форма№2

[Илья Караваев]

NeveR3d: Одна кнопка:
<a href="#modal1">Модальное окно 1</a>
Одно модальное окно:
<div id="modal1">...</div>
При нажатии на одну кнопку, всплывет только указанное в ссылке модальное окно. Аналогично и со вторым модальным окном. При чем тут обработка формы?

Мой пример лишь показывает Вам, где искать возможные способы решения нескольких модальных окон. Это не готовый фикс, решающий Вашу проблему. Как не крути, Вам придется включиться и понять принцип работы. Вам придется научиться читать код и вносить в него правки. Для готового решения, Вам нужно читать статьи выше, которые указал Артур выше. Или взять готовое решение, например colorbox или что то аналогичное.

Answer 2

[Артур Карапетян]

Popup
Гайд
Для разных окон разные классы и вызывайте их

Comments

[NeveR3d]

Мне нужно в моем примере(. Но спасибо за ссылки