#257355 SabineVillmar, 28.01.2011, 16:16:54 |
Frage zu Unter-Menü Javascript (web.design) |
Hallöle! <script type=\"text/javascript\">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = \'hidden\';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = \'visible\';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = \'hidden\';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
</script>
<td><ul id=\"sddm\">
<li><a href=\"#\"
onmouseover=\"mopen(\'m1\')\"
onmouseout=\"mclosetime()\">Button1</a>
<div id=\"m1\"
onmouseover=\"mcancelclosetime()\"
onmouseout=\"mclosetime()\">
<a href=\"#\">Unterpunkt1</a>
<a href=\"#\">Unterpunkt2</a>
<a href=\"#\">Unterpunkt3</a>
</div>
</li>
usw. -- |
|
#257356 Johann [Gast]28.01.2011, 17:10:03 (editiert von Johann, 28.01.2011, 17:11:40) @ Sabine |
Frage zu Unter-Menü Javascript (ed) |
Geht damit nicht. Du musst a) verschachtelte, unordered lists verwenden und b) ohne onmouseout-timern arbeiten. Guck Dir diese Lösung an. Demonstration am oberen Bildrand das grüne Menü über den Fröschen. Alles benötigte findet sich im dortigen ZIP-Archiv. |
|
#257453 SabineVillmar, 29.01.2011, 18:56:06 @ Johann |
Frage zu Unter-Menü Javascript |
Hi! -- |
|
#257455 Johann [Gast]29.01.2011, 19:02:19 (editiert von Johann, 29.01.2011, 19:03:08) @ Sabine |
Frage zu Unter-Menü Javascript (ed) |
Hallo, |