Janelinha Móvel

Nome da Janela x

Escreva o que quiser aqui.
Escreva o que quiser aqui.
Escreva o que quiser aqui.

Este script permite que vc crie uma janelinha como essa.

Para usar esta janelinha, copie o código abaixo e cole esse código antes da tag <body> no código fonte da sua página.

<SCRIPT language=JavaScript> var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } var dragapproved=false function drag_dropie(){ if (dragapproved==true){ document.all.showimage.style.pixelLeft=tempx+event.clientX-iex document.all.showimage.style.pixelTop=tempy+event.clientY-iey return false } } function initializedragie(){ iex=event.clientX iey=event.clientY tempx=showimage.style.pixelLeft tempy=showimage.style.pixelTop dragapproved=true document.onmousemove=drag_dropie } if (document.all){ document.onmouseup=new Function("dragapproved=false") } function hidebox(){ if (document.all) showimage.style.visibility="hidden" else if (document.layers) document.showimage.visibility="hide" } </SCRIPT>
Depois é só copiar o código abaixo e colar depois da tag <BODY> no código fonte da sua página

<div id=showimage style="LEFT: 418px; WIDTH: 217px; POSITION: absolute; TOP: 9px; HEIGHT: 83px;"> <table height=36 cellspacing=1 cellpadding=2 width=200 border=0 bgcolor=#000000> <tbody> <tr> <td onMouseDown=initializedragie() style="CURSOR: hand" width="95%" height=15 bgcolor=#000000> <ilayer width=100%> <layer onMouseOver=dragswitch=1;drag_dropns(showimage) onMouseOut=dragswitch=0 width="100%" left="2" top="5"> <font face=Verdana color=#ffffff><strong><small>Nome da Janela</small></strong></font></layer></ilayer></td><td style="CURSOR: hand" width=5% bgcolor=#000000><a onClick="hidebox();return false" href="http:///"><img height=11 src="fechar.gif" width=11 border=0 align="absmiddle"></a></td></tr> <tr> <td style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px" width=200 colspan=2 bgcolor="#ffffff"> <p align="center"><small>Escreva o que quiser aqui.</small></p></td></tr> </tbody> </table></div>

Nome da Janela	x
Escreva o que quiser aqui. Escreva o que quiser aqui. Escreva o que quiser aqui.