Как сделать все содержимое страницы не активным

[son313]

Всем привет! Когда появляется окошко alert("бля бля") , все содержимое на странице до нажатия Ок не активно. Я хочу вместо алерт сделать свое окошко что бы оно появлялось вместо алерта. Как сделать понятно, там при помощи присвоения другого класса и тому подобное. Вопрос, как теперь сделать что бы все содержимое страницы при этом стало не активным.

[vadim5june]

обычно сверху размещают абсолютно позиционированный полупрозрачный блок на всю страницу

[son313]

Да, у меня уже были мысли насчет этого. Типа display:none по умолчанию, opacity задать. После событие , которое даст display:block и присвоить модальному окошку такой же display:block или вытащить его из top:-9999px. и z-index больше элемента с фоном)) а там в этом окошке кнопочка, которая по клику вызовет функцию всего этого на none. Это писанина, может и не такая большая, но как насчет jquery? Может есть какая нибудь коротенькая функция в которой просто id или класс элемента фона и окна нужно задать и все.

[рони]

son313,

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

[danik.js]

<p><button>Кнопка</button></p>
<p><button>Кнопка</button></p>
<p><button>Кнопка</button></p>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $('<div/>').css({
        position: 'fixed',
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        background: 'black',
        opacity: 0.5
    }).appendTo(document.body);
</script>

[skrudjmakdak]

но табуляцию объектов таких как <input type="text/button">, <textarea> это же не заблокирует?

[danik.js]

Как вариант можно удерживать фокус в модальном окне принудительно. Ловить событие blur и тут же переводить фокус обратно. Либо пройтись по всем элементам страницы и выставить tabindex=-1, но на больших страницах могут возникнуть тормаза. Да и tabindex нужно запоминать для каждого элемента, чтобы восстановить значение.

[skrudjmakdak]

Как вариант можно удерживать фокус в модальном окне принудительно.

а это хороший вариант, возьму на заметку

[ruslan_mart]

А если $('input, textarea').attr('disabled', true)?

[skrudjmakdak]

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