✔ Drop Down Menü zeitverzögert anzeigen

[denisSCR]

Hallo, ich habe hier ein Javascript/css/html drop down menü funktioniert auch alles wundbar aber ich will dass das aufklappen des Menüs etwas zeitverzögert passiert. Und das ist meines Wissens nur mit JS möglich, und da ich davon keine ahnung hab wende ich mich an euch

<script type="text/javascript">



var persistmenu="yes" 
var persisttype="sitewide" 

if (document.getElementById){ 
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("masterdiv").getElementsByTagName("span"); 
		if(el.style.display != "block"){ 
		
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu") 
				ar[i].style.display = "none";
			}
			el.style.display = "block";

		}else{
			el.style.display = "none";
		}
	}
}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>

<div id="masterdiv">

	<div class="menutitle" onclick="SwitchMenu('sub1')"><a href="#"><img src="img/li.png" border="0"> Hardware</a></div>

	<span class="submenu" id="sub1">

....
...

Jemand ne Idee?

 

[Maik]

Hi,

die Methode deiner Wahl lautet hierfür setTimeout().

mfg Maik

 

[denisSCR]

soweit war ich auch aber wie gesagt, da ich keine ahnung von JS habe weiß ich nicht wo/wie ich das einsetzen muss

 

[Maik]

Das geht doch aus dem kleinen Beispiel-Code hervor.

mfg Maik

 

[denisSCR]

Ja ich habe ja die Funktion "function SwitchMenu(obj)" dann habe ich versucht:

window.setTimeout("SwitchMenu(obj)", 10000);
window.setTimeout("SwitchMenu()", 10000);

Beides geht nicht..

 

[CPoly]

<div class="menutitle" onclick="window.setTimeout(function(){SwitchMenu('sub1');},10000)"><a href="#"><img src="img/li.png" border="0"> Hardware</a></div>

 

[denisSCR]

<div class="menutitle" onclick="window.setTimeout(function(){SwitchMenu('sub1');},10000)"><a href="#"><img src="img/li.png" border="0"> Hardware</a></div>

klasse! Vielen Dank!