Avatar billede flashit Nybegynder
07. november 2005 - 15:26 Der er 4 kommentarer og
1 løsning

setdelay på div

Hej E.

Jeg har følgende kode:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
<!--
.demo  {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
        position:absolute; top:100px; left:100px; width:480px; height:280px;
        z-index:99;  visibility:hidden;}

-->

</style>

<script type="text/javascript">
<!--
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
   

        document.all.testdiv.style.visibility = iState ? "visible" : "hidden";
}
// -->
</script>
</head>

<body>

<div ID="testdiv" class="demo">
  Put text, tables or any other HTML contents here, as you would put in
  any other HTML page.
  .....
  ..... and more.
</div>

<a href="#" onMouseover="toggleBox('testdiv',1);", onmouseout="toggleBox('testdiv',0)");>test</a>

</body>
</html>

Er her en som ved hvordan man sætter et "setdelay='1000'" op mouseout?
Avatar billede roenving Novice
07. november 2005 - 15:30 #1
F.eks.

function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{  var state = iState ? "visible" : "hidden";
  setTimeout("document.getElementById('testdiv').style.visibility = '" + state + "'", 1000);
}
Avatar billede flashit Nybegynder
07. november 2005 - 20:51 #2
perfekt... TAk, og så lige et svar
Avatar billede flashit Nybegynder
07. november 2005 - 20:52 #3
ps. her er min løsning, hvis der er nogle som kna bruge det til noget.
<script type="text/javascript">
<!--
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{  var state = iState ? "visible" : "hidden";
 
if (state == "visible")
{
    document.all[szDivID].style.visibility = iState ? "visible" : "hidden"; }
else
{
    setTimeout("document.getElementById('" + szDivID + "').style.visibility = '" + state + "'", 1000);}
}
// -->
</script>
Avatar billede roenving Novice
07. november 2005 - 23:10 #4
Velbekomme '-)
Avatar billede roenving Novice
09. november 2005 - 04:35 #5
-- og det var selvfølgelig med vilje, at jeg benyttede mig af .getElementById('szDivID'), da dette forstås af alle nutidige browsere, og ikke kræver en browser fra et bestemt firma ...

-- så jeg ville skrive sådan:

function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
  if(iState)
    document.getElementById('szDivID').style.visibility = "visible";
  else
    setTimeout("document.getElementById('" + szDivID + "').style.visibility = 'hidden'", 1000);
}

-- da der jo heller ikke er nogen grund til at teste flere gange for det samme !-)

-- els tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester