Ir para conteúdo

POWERED BY:

Arquivado

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

alex_tp

setTimeOut

Por , em Javascript

Recommended Posts

alex_tp    0

alex_tp
Postado

E aí pessoal beleza!

Gostaria de saber se algum de vcs pode me ajudar.... estou com problemas na função setTimeOut do JavaScript e já tentei de tudo mas tá dando errado! Aí vai o código:

 

 

<HTML>

<HEAD>

<TITLE> Menu </TITLE>

<style>

#div1 {position: absolute; background-color: #F0CC0F; z-index: 4020; top: 71px; left: 250px; width: 132px; visibility: hidden; display: block}

#div2 {position: absolute; background-color: #F0CC0F; z-index: 4020; top: 71px; left: 382px; width: 112px; visibility: hidden; display: block}

#topRow {position: absolute; z-index: 10; top: 50px; left: 250px; width: 509px; height: 20px; visibility: visible; display: block}

.tbl {border: 1 solid #B0770B};

.tdb {border-bottom: 1 solid #D0990D; height: 18; padding-left: 2};

</style>

 

<script>

var menu;

on = new Image();

off = new Image();

 

function LigDes(obj,n,m)

{

if (m == 1)

{

on.src = obj

document.images[n].src = on.src;

}

else

{

off.src = obj

document.images[n].src = off.src;

}

}

 

 

 

function estado(obj,n)

{

if (n == 1)

{

document.all(obj).style.visibility = 'visible';

}

else

{

document.all(obj).style.visibility = 'hidden'

}

}

 

 

</script>

 

</HEAD>

<div id="div1" onmouseover="estado('div1',1)" onmouseout="setTimeOut('estado(\'div1\',0)',1000)">

<table width="100%" border="0" class="tbl" cellspacing="0" cellpadding="0">

<tr><td class="tdb"><font face="verdana" size="1">Alianca</font></td></tr>

<tr><td class="tdb"><font face="verdana" size="1">CRM</font></td></tr>

<tr><td class="tdb"><font face="verdana" size="1">Mais Maiz</font></td></tr>

</table>

</div>

<BODY marginwidth="0" leftmargin="0" topmargin="0">

<div id="topRow">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td>

<a onmouseover="LigDes('pe_over.gif',0,1); estado('div1',1);" onmouseout="LigDes('pe.gif',0,0); setTimeOut('estado(\'div1\',0)',1000);" href=# onclick="return false">

<img SRC="pe.gif" WIDTH="132" HEIGHT="20" BORDER="0"></a>

</td>

</tr>

</table>

 

</div></center>

</BODY>

</HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

As chamadas "aspas simples" nao precisam ser "canceladas" com a barra invertida... "\"Eu acho q eh isso, mas nao tenho certeza nao....Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

alex_tp    0

alex_tp
Postado

Retirei as barras.... mas agora o menu não desaparece....... ^_^/> ele só desaparece quando eu passo o mouse em cima da célula que o fez aparecer!Nossa pessoal....... eu preciso muiiiiiiito dessa função, então se alguém conseguir descobrir qual é o problema ficarei muito grato!Valeu! :)/>

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

Nossa... o q aquela tabela div1 ta fazendo fora do body ??????

 

Eu hein !!!

Arrumei algumas coisas erradas....

 

<HTML><HEAD><TITLE>Menu</TITLE><style>#div1 {position: absolute; background-color: #F0CC0F; z-index: 4020; top: 71px; left: 250px; width: 132px; visibility: hidden; display: block}#div2 {position: absolute; background-color: #F0CC0F; z-index: 4020; top: 71px; left: 382px; width: 112px; visibility: hidden; display: block}#topRow {position: absolute; z-index: 10; top: 50px; left: 250px; width: 509px; height: 20px; visibility: visible; display: block}.tbl {border: 1 solid #B0770B};.tdb {border-bottom: 1 solid #D0990D; height: 18; padding-left: 2};</style></HEAD><BODY marginwidth="0" leftmargin="0" topmargin="0"><script language="JavaScript" type="text/javascript">var menu;on = new Image();off = new Image();function LigDes(obj,n,m){	if (m == 1)	{  on.src = obj;  document.images[n].src = on.src;	}	else	{  off.src = obj;  document.images[n].src = off.src;	}}function estado(objt,p){	if (p == 1)  document.all(objt).style.visibility = 'visible';	else  document.all(objt).style.visibility = 'hidden';}</script><div id="div1" onmouseover="estado('div1',1)" onmouseout="setTimeOut('estado('div1',0)',1000)"><table width="100%" border="0" class="tbl" cellspacing="0" cellpadding="0"><tr><td class="tdb"><font face="verdana" size="1">Alianca</font></td></tr><tr><td class="tdb"><font face="verdana" size="1">CRM</font></td></tr> <tr><td class="tdb"><font face="verdana" size="1">Mais Maiz</font></td></tr></table></div><div id="topRow"><table border="0" cellspacing="0" cellpadding="0"><tr><td><a onmouseover="LigDes('pe_over.gif',0,1); estado('div1',1);" onmouseout="LigDes('pe.gif',0,0); setTimeOut('estado('div1',0)',1000);" href=# onclick="return false"><img SRC="pe.gif" WIDTH="132" HEIGHT="20" BORDER="0"></a></td></tr></table></div></BODY></HTML>

To tentando descobrir onde está o erro...

Mas já pode ir arrumando....

 

 

Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

alex_tp    0

alex_tp
Postado

Está quase 100% mas quando eu deixo o cursor do mouse sobre o div que é exibido ele não o mantém visível. :huh:/>

 

<HTML><HEAD><TITLE> Menu </TITLE><style>#div1   {cursor: hand; position: absolute; background-color: #F0CC0F; z-index: 6000; top: 70px; left: 250px; width: 132px; visibility: hidden; display: block}#sub1   {cursor: hand; position: absolute; background-color: #F0CC0F; z-index: 8000; top: 100px; left: 365px; width: 132px; visibility: hidden; display: block}#topRow {position: absolute; z-index: 1; top: 50px; left: 250px; width: 509px; height: 20px; visibility: visible; display: block}.tbl {border: 1 solid #B0770B};.tdb {border-bottom: 1 solid #D0990D; height: 18; padding-left: 2};</style><script>var menu;on = new Image();off = new Image();function LigDes(obj,n,m){if (m == 1){on.src = objdocument.images[n].src = on.src;}else{off.src = objdocument.images[n].src = off.src;}}function estado(obj,n){if (n == 1){document.all(obj).style.visibility = 'visible';}else{document.all(obj).style.visibility = 'hidden'}}</script></HEAD><div id="div1" onmouseover="estado('div1',1)" onmouseout="setTimeout('estado(\'div1\',0)',1000)"><table width="100%" border="0" class="tbl" cellspacing="0" cellpadding="0"><tr><td class="tdb"><font face="verdana" size="1">Alianca</font></td></tr><tr><td class="tdb"><font face="verdana" size="1">CRM</font></td></tr> <tr><td class="tdb"><font face="verdana" size="1">Mais Maiz</font></td></tr></table></div><BODY marginwidth="0" leftmargin="0" topmargin="0"><div id="topRow"><table border="0" cellspacing="0" cellpadding="0"><tr><td><a onmouseover="LigDes('pe_over.gif',0,1); estado('div1',1);" onmouseout="LigDes('pe.gif',0,0); setTimeout('estado(\'div1\',0)',1000);" href=# onclick="return false"><img SRC="pe.gif" WIDTH="132" HEIGHT="20" BORDER="0"></a></td></tr></table></div></BODY></HTML>

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