Запретить клики вне окна.

[Obormot]

Был шаблон, в нем лайт бокс окно, вызывалось так:

$(".project-list ul li .image a.more").click(function(){
$("#lightbox").css("filter", "alpha(opacity=90)");
$("#lightbox").fadeIn(300);
$(this).parent().parent().find(".lightbox-work").fadeIn(300);
})
$("#lightbox, .lightbox-close").click(function(){
$("#lightbox, .lightbox-work").fadeOut(300);
});

Стояла задача запрограмировать окно так, что бы его невозможно было закрыть кликом вне окна! И что бы его вообще невозможно было закрыть без авторизации!

Код модифицировали так:

<script>
$(document).ready(function() {
$("#lightbox").css("filter", "alpha(opacity=90)");
$("#lightbox, #loginbox-panel").fadeIn(300);
})
$("#lightbox-close").click(function(){
$("#loginbox-panel").fadeOut(300);
});
</script>

Получилось что окно не закрывается при клике вне окна! Ура )
Но при клике вне окна пропадает бекгоунд, который задается в CSS для лайт бокс окна, с прозрачностью, так же когда пропадает фон, становятся активными ссылки на странице, что так же недопустимо!

Живой пример:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Помогите подправить скрипт!
Спасибо!

 

[mdss]

у тебя в коде

$("#lightbox, .lightbox-close").click(function(){
        $("#lightbox, .lightbox-work").fadeOut(300);
});

замени на

$(".lightbox-close").click(function(){
        $("#lightbox, .lightbox-work").fadeOut(300);
});

 

[Obormot]

Для просмотра ссылки Войди или Зарегистрируйся, Не выходит

Я заменил в этом коде:

<script>
$(document).ready(function() {
$("#lightbox").css("filter", "alpha(opacity=90)");
$("#lightbox, #loginbox-panel").fadeIn(300);
})
$("#lightbox-close").click(function(){
$("#loginbox-panel").fadeOut(300);
});
</script>

Нижнюю часть функции на которую ты указал:

$(".lightbox-close").click(function(){
        $("#lightbox, .lightbox-work").fadeOut(300);
});

На сайте выше обновленный вариант.

Если меняю изначальный код функции окно не вылезает вовсе.

 

[mdss]

залей демку на jsfiddle.net, чтобы от теории перейти к практике

 

[Obormot]

Я к сожалению не смог запустить этот скрипт окна в фрейм ворке этом, мозможно что-то не првильно делаю ибо в яве не разбираюсь вовсе.
html - код страницы c сss понятно все,
в окно яве скрипта вставляю:

$(document).ready(function() {
$("#lightbox").css("filter", "alpha(opacity=90)");
$("#lightbox, #loginbox-panel").fadeIn(300);
})
$(".lightbox-close").click(function(){
$("#lightbox, .lightbox-work").fadeOut(300);
});

В "результе" скрипт не выполняется.

 

[pitkina]

причина в jquery-workarounds.js
удалить 219-221 строки

$(document).ready(function() {
$("#lightbox").css("filter", "alpha(opacity=90)");
$("#lightbox, #loginbox-panel").fadeIn(300);

// $("#lightbox-close").click(function(){ $("#lightbox, #loginbox-panel").fadeOut(300); });
});

X закомментирована

 

[Obormot]

Для просмотра ссылки Войди или Зарегистрируйся
Теперь все как над срабатывает:
Для просмотра ссылки Войди или Зарегистрируйся
Но после того как удалил эти две сточки, перестали работать вкладки, сполйлеры и т.д.
Их нельзя оставить, они как-то на друг друге завязаны ?
Вкладки, спойлеры здесь:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[pitkina]

220 строка. лишняя скобка
к слову, Firebug все ошибки видит