Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   div - затемнялка под div- кнопка, как сделать? (https://javascript.ru/forum/misc/10943-div-zatemnyalka-pod-div-knopka-kak-sdelat.html)

webmonster2008 30.07.2010 10:41

div - затемнялка под div- кнопка, как сделать?
 
допустим есть сайт, есть скрипт и есть функеция затемнения. .нужно чтобы функция срабатывала по принципу
setTimeout(function, 5000);

Есть див со стилем взятым отсюда http://www.xiper.net/html-and-css-tr...enie-fona.html
т.к. скрипт по ссылке выше у меня вообще никак не отработал, я решил сделать так
...
<body>
<script language="javascript">
function function()
{
var url = (текущая страница);
var zatemnyalka = document.write('<iframe src="url"></iframe><div id="zatemnyalka"></div>');

setTimeout(function, 5000);
</script>
Контент сайта
</body>


Грубо говоря открывается сайт а через 5 сек, он перекрывается слоем в котором в iframe открывается текущая страница, сверху слой затемнялки, а вот как сделать кнопку над затемнялкой я так и не разобрался ибо чайник. надеюсь на вашу помощь!

webmonster2008 30.07.2010 13:43

если упростить вопрос, то как записать функцию, которая отработает через N милисекунд и перекроет имеющийся хтмл код прозрачным затемненным дивом с видимой непрозрачной кнопкой в виде текста или картинки?

subzey 30.07.2010 17:09

Для слоёв используйте position: absolute. Для отсрочки - setTimeout. Для вставки html - DOM'овские функции. Для отслеживания щелчка - событие click.


Часовой пояс GMT +3, время: 14:18.