JS-окно

Beta-tester · 16.02.2008, 21:36

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

All87 · 18.02.2008, 16:41

Взято отсюда 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>

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

KidsKilla · 18.02.2008, 17:27

http://jquery.com/demo/thickbox/
http://www.malsup.com/jquery/block/
http://dev.iceburg.net/jquery/jqModal/

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид