Exemplo De Janela Que Se Move E Fecha

jissa · Agosto 4, 2003

Clique para ver Funcionando

</html>

<head>

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>

</head>

<body>

<TBODY>

<TR>

<TBODY>

<TR>

<TD onmousedown=initializedragie() style="CURSOR: hand"

width="225"><ILAYER width="100%"><LAYER onmouseout=dragswitch=0

onmouseover=dragswitch=1;drag_dropns(showimage) width="100%"><FONT

color=#ffffff face=Verdana><STRONG><SMALL>www.superscript.com.br</SMALL></STRONG></FONT></LAYER></ILAYER></TD>

<TD style="CURSOR: hand" width="34"><A

href="http://"

onclick="hidebox();return false"><IMG border=0 height=20

src="close_o.gif" width=16></A></TD></TR>

<TR>

<TD bgColor=#ffffff colSpan=2

style="PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 4px"

width="251"><SMALL><FONT

face=Verdana>está janela pode ser movida<br>e fechada clique no x para fechar.</FONT></SMALL><p>

Visite-nos:<a href="http://www.superscript.com.br/forum/forum/default.asp">www.superscript.com.br</a></TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

</body>

</html>

www.clickibost.kit.net · Agosto 4, 2003

Clique para ver Funcionando
</html>
<head>
<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>
</head>
<body>
<DIV id=showimage style="LEFT: 510; POSITION: absolute; TOP: 1; WIDTH: 224; height:83">
<TABLE bgColor=#000080 border=0 cellPadding=2 cellSpacing=0 width=228>
<TBODY>
<TR>
<TD width="226">
<TABLE border=0 cellPadding=0 cellSpacing=0 height=36 width="226">
<TBODY>
<TR>
<TD onmousedown=initializedragie() style="CURSOR: hand"
width="225"><ILAYER width="100%"><LAYER onmouseout=dragswitch=0
onmouseover=dragswitch=1;drag_dropns(showimage) width="100%"><FONT
color=#ffffff face=Verdana><STRONG><SMALL>www.superscript.com.br</SMALL></STRONG></FONT></LAYER></ILAYER></TD>
<TD style="CURSOR: hand" width="34"><A
href="http://"
onclick="hidebox();return false"><IMG border=0 height=20
src="close_o.gif" width=16></A></TD></TR>
<TR>
<TD bgColor=#ffffff colSpan=2
style="PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 4px"
width="251"><SMALL><FONT
face=Verdana>está janela pode ser movida<br>e fechada clique no x para fechar.</FONT></SMALL><p>
Visite-nos:<a href="http://www.superscript.com.br/forum/forum/default.asp">www.superscript.com.br</a></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</body>
</html>

como que você achou esse site.

diraol · Agosto 4, 2003

Cara, você não precisa dar "quote" em todas as mensagens ............. isso só carrega o servidor.!!!!!!!!!!!

se alguém quiser ver a mensagem é só olhar pra cima>..........

sobre o site 'www.superscript.com.br' é um site que está sendo desenvolvido com participação minha e do jissa........... e ajuda de alguns amigos....... aqui do forun inclusive.....

Thuran · Agosto 4, 2003

Muito bom jissa! ...se superando cada vez +! ...Parbéns! :D

...quanto ao site, se quiserem alguma ajuda quando ao desenvolvimento de layout ou coisa parecida, manda uma msg ou vai no meu icq beleza! :)

David Elias · Agosto 4, 2003

Não funciona :(

Micheletti · Agosto 4, 2003

O cara só podia ser meu amigo mesmo... valeu!!!

jissa · Agosto 5, 2003

www.clickibost.kit.net .. não entendi..

como que você achou esse site.

Davi.. o que não Funciona????

David Elias · Agosto 5, 2003

Davi.. o que não Funciona????

No meu browser, o Mozilla, não funca e nem no Opera. O div nem se mexe...:(

Thuran · Agosto 5, 2003

Davi.. o que não Funciona????
No meu browser, o Mozilla, não funca e nem no Opera. O div nem se mexe...:(

ué! ...eu tenho o Opera7 aqui e funcionou direitinho! :blink:

...o Davi, você tem um link onde eu possa encontrar esse Mozilla pra baixar? - acho q só falta ele pra minha coleção! :D

David Elias · Agosto 5, 2003

Oops você tem razão no Opera7 funciona, lapso meu - esqueci-me de activar o javascript :rolleyes:

Quanto ao Mozilla, para mim faz parte dos melhores browsers que são o Mozilla e o Opera :D, podes sacar em http://www.mozilla.org.

Thuran · Agosto 5, 2003

vlw David! :D

...já baixei e já instalei! ...agora é só brincar! :P

Entrar

Exemplo De Janela Que Se Move E Fecha

Pergunta

Link para o comentário

Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns