Модальное окно.

[Sedacove]

Всем привет! Надо было на сайт добавить модальное окно, но в виду того, что начал недавно изучать jQuery, возник вопрос.

Я взял уже готовое окно, пример кода:

<— jQuery —>

$(document).ready(function() {

//Когда вы нажмете на ссылку с классом poplight и HREF начинается с a #

$('a.poplight[href^=#]').click(function() {

var popID = $(this).attr('rel'); //Get Popup Name

var popURL = $(this).attr('href'); //Получить Popup HREF и определить размер

//Запрос и Переменные от HREF URL

var query= popURL.split('?');

var dim= query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Возвращает первое значение строки запроса

// Добавить кнопку "Закрыть" в наше окно, прописываете прямой путь к картинке

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="img/close.png" class="btn_close" title="Close Window" alt="Close" /></a>');

//Определяет запас на выравнивание по центру (по вертикали по горизонтали)мы добавим 80px к высоте / ширине, значение полей вокруг содержимого (padding) и ширину границы устанавливаем в CSS

var popMargTop = ($('#' + popID).height() + 80) / 2;

var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Устанавливает величину отступа на Popup

$('#' + popID).css({

'margin-top' : -popMargTop,

'margin-left' : -popMargLeft

});

//Fade in Background

$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.

$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Постепенное исчезание слоя - .css({'filter' : 'alpha(opacity=80)'}) используется для фиксации в IE , фильтр для устранения бага тупого IE

return false;

});

<— —>

<— HTML —>

<div id="popup_name" class="popup_block">

</div>

<a href="#?w=500" rel="popup_name" class="poplight">Войти на сайт</a> (Эта ссылка вызывает окно)

<— —>

А теперь собственно вопрос:

Мне нужно сделать еще одно модальное окно, следовательно в HTML у дива нужно изменить класс. Например на:

<div id="window2" class="window2"></div>

И естественно, что ссылка тоже изменится.

Что нужно изменить в коде jQuery, и в классе ссылки чтобы работало?

[LunatiK]

<div id="popup_name" class="popup_block">

</div>

<a href="#?w=500" rel="popup_name" class="poplight">Войти на сайт</a> (Эта ссылка вызывает окно)

rel в ссылке должно равняться id в диве

Вроде как больше менять ничего не надо