Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Célio-Ctba

abrir DIV com onMouseOver

Por , em Javascript

Recommended Posts

Célio-Ctba    0

Célio-Ctba
Postado

Fiz um cód para q abra uma div explicativa qdo passa o mouse no objeto, só q quando carrega a pagina a DIV já vem carregada, como faço para q ele só carregue qdo passar o mouse?

 

function fechaDiv(){ document.getElementById("Layer1").style.display = 'none'; }function abreDiv(){ document.getElementById("Layer1").style.display = 'block'; }#Layer1 {	position:absolute;	width:200px;	height:115px;	z-index:1;	left: 296px;	top: 140px;	background-color: #FFFF00;	border-color:#FF0000;	border-style:double;}<input type="text" name="textfield" onMouseOver="abreDiv();" onMouseOut="fechaDiv();">

Compartilhar este post

Link para o post
Compartilhar em outros sites

MadPatryk    0

MadPatryk
Postado

po filho, deve ter alguma chamada da funcao no teu onload... verifica ai...:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Célio-Ctba    0

Célio-Ctba
Postado

po filho, deve ter alguma chamada da funcao no teu onload... verifica ai...

 

:)

Não tinha nada, mas você me deu a idéia e funcionou rs...

 

<body onLoad="fechaDiv();">

<input type="text" name="textfield" onMouseOver="abreDiv();" onMouseOut="fechaDiv();">

Compartilhar este post

Link para o post
Compartilhar em outros sites

MadPatryk    0

MadPatryk
Postado

haeuhaeuaehuaehuaehuaemas nao kra! n era no onload da tag body que falei... era pra tu ver em algum window.onload da vida, dentro dos teus js's ou no codigo mesmo...*mas essa pog foi boa ein haeuhuhae to rolando de rir aqui rsss:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Célio-Ctba    0

Célio-Ctba
Postado

huauhauahuahuhau grande POG hauahuaua, então pra tentar fazer certo vou postar o cód todo, eu não consegui localizar a caca...

 

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>New Page 1</title><script language="javascript"> <!--function fechaDiv(){ document.getElementById("Layer1").style.display = 'none'; }function abreDiv(){ document.getElementById("Layer1").style.display = 'block'; }//--></script><style type="text/css"><!--#Layer1 {	position:absolute;	width:200px;	height:115px;	z-index:1;	left: 296px;	top: 140px;	background-color: #FFFF00;	border-color:#FF0000;	border-style:double;}--></style></head><body> <label> <input type="text" name="textfield" onMouseOver="abreDiv();" onMouseOut="fechaDiv();"> </label>  <td bgcolor="#CC0033"><div class="style1" id="Layer1">  <div align="center">	<p>Este é o segundo LAYER </p>	<p> </p>	<p><a href="javascript:void(0);" class="style2" onClick="fechaDiv();">fechar</a></p>  </div></div> </td>	</body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Brunay    0

Brunay
Postado

O POG do onload foi interessante...hehe

mas soca display: none; dentro do teu style que já é!

 

#Layer1 {	position:absolute;	width:200px;	height:115px;	z-index:1;	background-color: #FFFF00;	border-color:#FF0000;	border-style:double;	display: none;}

Falow mano http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito