setTimeout()
<html>Når man kører musen henover link "hurtigt" ruller undermenuen ned, når man fjerner musen forsvinder den efter 5 sekunder. Hvis man kører musen flere gange henover punktet virker det som om den bliver ligeglad med de 5 sekunder jeg har bedt dem om men bare fjerner undermenuen med det samme hvorfor det???
<script languge=javascript>
var isDHTML = 0;
var isLayers = 0;
var isAll = 0;
var isID = 0;
if (document.getElementById) {isID = 1; isDHTML = 1;}
else {
browserVersion = parseInt(navigator.appVersion);
if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {isLayers = 1; isDHTML = 1;}
else {
if (document.all) {isAll = 1; isDHTML = 1;}
}}
function findDOM(objectID,withStyle) {
if (withStyle == 1) {
if (isID) { return (document.getElementById(objectID).style) ; }
else {
if (isAll) { return (document.all[objectID].style); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
else {
if (isID) { return (document.getElementById(objectID)) ; }
else {
if (isAll) { return (document.all[objectID]); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
}
var akt=0;
var tim1=null;
var mousov=0;
function findpos(ide){
if(akt==1&&mousov==0){
akt=2;
domStyle=findDOM('pkt1',1);
var domMenu = findDOM('pkt1',0);
var domMenuOpt = findDOM('pkt1',0);
var domSMenu = findDOM('pkt1',1);
if(isLayers){
var leftpos=ide.pageX - 5;
var toppos=ide.pageY - 5;
}
if(isID||isAll){
var leftpos=(domMenu.offsetLeft) + (domMenuOpt.offsetLeft) + 75;
var toppos=(domMenu.offsetTop) + (domMenu.offsetHeight) + 5;
}
var topposs=toppos+"px";
var leftposs=leftpos+"px";
domStyle=findDOM('hideshow',1);
domStyle.left=leftposs;
domStyle.top=topposs;
domStyle.visibility="visible";
}
window.status=akt;
}
function setakt(){
mouseov=1;
if(akt==0){
akt=1;
}
}
function setpas(){
mouseov=0;
if(akt==1){
akt=0;
}
window.status=akt;
}
function closeelem(ide){
domStyle=findDOM(ide,1);
if(akt==2&&mouseov==0){
domStyle.visibility="hidden";
akt=0;
window.status=akt;
}
}
function delcloseelem(ide){
setTimeout("closeelem('"+ide+"')",5000);
window.status=akt;
}
</script>
<style>
.bord{
font-family:verdana;
border-style:solid;
border-width:1px;
border-color:red;
background-color:3333ff;
color:ffffff;
padding:12px;
line-height:30px;
visibility:VISIBLE;
margin-left:20px;
}
p{
font-family:arial;
margin-left:12px;
font-size:20px;
}
#pkt1{
position:relative;
visibility:visible;
}
#hideshow{
position:absolute;
visibility:hidden;
z-index:100;
}
.lak{
position:absolute;
width:100px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 4px;
PADDING-RIGHT: 4px;
border-style:solid;
border-width:1px;
border-color:red;
background-color:777777;
}
A {
FONT-SIZE: 12px;
COLOR:000000;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none;
}
A:hover {
FONT-SIZE: 12px;
COLOR:ffffff;
FONT-FAMILY:Verdana;
TEXT-DECORATION: none;
}
</style>
<body>
<DIV ID="hideshow">
<a href="#" class=lak onmouseover="setakt();" onmouseout="setpas(),delcloseelem('hideshow');">deeeee</a><br>
<a href="#" class=lak onmouseover="setakt();" onmouseout="setpas(),delcloseelem('hideshow');">deeeee</a><br>
<a href="#" class=lak onmouseover="setakt();" onmouseout="setpas(),delcloseelem('hideshow');">deeeee</a><br>
<a href="#" class=lak onmouseover="setakt();" onmouseout="setpas(),delcloseelem('hideshow');">deeeee</a><br>
</DIV>
<span class=bord>
<i>Verden var af lave.</i>
<p>Der var </p>
<p>engang en bondedreng som drog ud i
verden for at finde det bedste der fandtes</p>
</SPAN>
<p>Det skulle dog vise sig ikke at være så nemt enda</p>
<Div ID="pkt1">
<a href="#" class=lak onmouseover="setakt(),findpos(event);" onmouseout="setpas(),delcloseelem('hideshow');">hurtigt </a>
</DIV>
</body>
</html>
