Как сделать все содержимое страницы не активным
Всем привет! Когда появляется окошко alert("бля бля") , все содержимое на странице до нажатия Ок не активно. Я хочу вместо алерт сделать свое окошко что бы оно появлялось вместо алерта. Как сделать понятно, там при помощи присвоения другого класса и тому подобное. Вопрос, как теперь сделать что бы все содержимое страницы при этом стало не активным.
|
обычно сверху размещают абсолютно позиционированный полупрозрачный блок на всю страницу
|
Да, у меня уже были мысли насчет этого. Типа display:none по умолчанию, opacity задать. После событие , которое даст display:block и присвоить модальному окошку такой же display:block или вытащить его из top:-9999px. и z-index больше элемента с фоном)) а там в этом окошке кнопочка, которая по клику вызовет функцию всего этого на none. Это писанина, может и не такая большая, но как насчет jquery? Может есть какая нибудь коротенькая функция в которой просто id или класс элемента фона и окна нужно задать и все.
|
son313,
Модальное окно |
<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>
|
но табуляцию объектов таких как <input type="text/button">, <textarea> это же не заблокирует?
|
Как вариант можно удерживать фокус в модальном окне принудительно. Ловить событие blur и тут же переводить фокус обратно. Либо пройтись по всем элементам страницы и выставить tabindex=-1, но на больших страницах могут возникнуть тормаза. Да и tabindex нужно запоминать для каждого элемента, чтобы восстановить значение.
|
Цитата:
|
А если $('input, textarea').attr('disabled', true)?
|
ага и все теги, где есть табиндекс, чекбоксы, селекты.. запаришься все это вспоминать.. вообще эт каждый сам выбирает как его устраивает) мне лично понравился с фокусом, имхо мороки меньше
|
| Часовой пояс GMT +3, время: 05:10. |