Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - JS-окно (http://www.flasher.ru/forum/showthread.php?t=108172)

Заранее прошу прощения, но мой знания JS=0, а сделать надо срочно.
Мне нужно сделать всплывающее окно-баннер на JS, т.е. НЕ открыть новое окно браузера, а в имющемся создать окошко поверх содержимого страницы. Я думаю все встречали такие надоедливые баннеры(часть из них флэшевых, а часть чисто JS, вот мне нужно чисто на JS). Содержание окна минимальное: квадрат занимающий 60-70% рабочей зоны браузер+кнопа"закрыть"+желательно, чтобы в случае скроллинга окно автоматически перемещалось на середину экрана, т.е. пока не нажмёшь кнопу "закрыть" содержимое страницы прочитать было проблематично).
А почему бы не воспользоваться поиском - задауться всё логичным вопросом. Обьясняю в чём собственно проблема:
Нашёл(уже часа 3 занимаюсь поиском) подобные скрипты, но они ОЧЕНЬ перегружены дополнительными ф-циями и за счёт этого теряют кроссбраузерность. Но так-как нет опыта с JS, то выкинуть лишнее и при этом сохранить работоспособность скрипта проблематично.
Заранее прошу прощения, за свой глупый вопрос, но надеюсь кто-нибудь сможет мне помочь!
Заранее огромное спасибо!

Взято отсюда http://ref.net.ua/

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>



<title>move</title>







</head>





<body>



        

<div>

<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.

<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.

<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.

<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.

<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.

</div>

        

        



<script type="text/javascript">

var element = '<a style="color: red;" href="javascript:Close()"><strong>X</strong></a><br/><br/><br/><br/>Text...';

el_width=15

el_height=90

ns4=document.layers

ie4=document.all

ns6=document.getElementById&&!document.all

if (ns4){document.write('<layer name="element" bottom='+el_height+' right='+el_width+'>'+element+'</layer>')}

else{document.write('<div id="element" style="position:absolute;top:'+el_height+';right:'+el_width+'">'+element+'</div>')}

el_width_start=el_height_start=0



        function el_move(){

if(ie4){ydiff=el_height_start-document.body.scrollTop; xdiff=el_width_start-document.body.scrollLeft}

else{ydiff=el_height_start-pageYOffset; xdiff=el_width_start-pageXOffset}

if(ydiff!=0){movey=Math.round(ydiff/10);el_height_start-=movey}

if(xdiff!=0){movex=Math.round(xdiff/10);el_width_start-=movex}

if(ns4){document.layers.element.top=el_height_start+el_height;document.layers.element.right=el_width_start+el_width}

if(ie4){document.all.element.style.top=el_height_start+el_height;document.all.element.style.right=el_width_start+el_width}

if(ns6){document.getElementById("element").style.top=el_height_start+el_height;document.getElementById("element").style.right=el_width_start+el_width}}

var elmove=setInterval("el_move()",20)



function Close(){

        document.getElementById("element").style.display="none";

                if (elmove)

                        clearInterval(elmove);

                elmove = null;

}

</script>



</body>

</html>

Уверен что сможеш подправить как нужно, тк кода очень мало