Hallo,
ich habe ein Problem und zwar Versuche ich, wenn ich einen Menüpunkt klicke das der sich öffnet. Das funktioniert auch. Nur wenn ich in diesem Menüpunkt nochmal einen Unterpunkt zum anklicken machen möchte klappt das nicht so rightig.
Wenn ich also auf "menu" klicke öffnet sich das Menü ganz normal. Nur sehe ich dabei schon die Unterpunkte von "menupunkt 1", erst wenn ich "menupunkt 1" anklicke verschwinden diese. Es soll aber genau andersrum sein.
Ich hoffe Ihr könnt mir helfen.
Hier mein ganzer Code:
EDIT:
damit werden die unterpunkte beim anklicken von "menu" nicht mehr angezeigt.
Doch wenn ich jetzt auf "menupunkt 1" werden die unterpunkte nicht mehr angezeigt.
ich habe ein Problem und zwar Versuche ich, wenn ich einen Menüpunkt klicke das der sich öffnet. Das funktioniert auch. Nur wenn ich in diesem Menüpunkt nochmal einen Unterpunkt zum anklicken machen möchte klappt das nicht so rightig.
Wenn ich also auf "menu" klicke öffnet sich das Menü ganz normal. Nur sehe ich dabei schon die Unterpunkte von "menupunkt 1", erst wenn ich "menupunkt 1" anklicke verschwinden diese. Es soll aber genau andersrum sein.
Ich hoffe Ihr könnt mir helfen.
Hier mein ganzer Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument</title>
<script type="text/javascript">
<!--
function change_pic(path)
{
document.getElementById("image").src=path;
}
function showSmallPic(showID, hideID, tabid)
{
document.getElementById(tabid).style.position = "relative";
document.getElementById(tabid).style.left= "0";
document.getElementById(tabid).style.top= "-8";
document.getElementById(tabid).style.zIndex= "3";
document.getElementById(tabid).style.backgroundColor = "";
document.getElementById(showID).style.display="";
document.getElementById(hideID).style.display="none";
}
function showBigPic(showID, hideID, tabid)
{
document.getElementById(tabid).style.position = "absolute";
var BrowserName = navigator.appName;
if(BrowserName == "Microsoft Internet Explorer")
{
document.getElementById(tabid).style.left= "-50";
}
else
{
document.getElementById(tabid).style.left= "+200";
}
document.getElementById(tabid).style.top= "5";
document.getElementById(tabid).style.zIndex= "9";
document.getElementById(tabid).style.backgroundColor = "#4C4C4C";
document.getElementById(showID).style.display="";
document.getElementById(hideID).style.display="none";
}
var list_alt=0;
var list=0;
function submenu(n)
{
list_alt=list;
list=document.getElementById(n);
if(list.style.display == "none")
{
if(list_alt!=0 && list!=list_alt)
{
list_alt.style.display="none";
}
list.style.display="";
}
else
{
list.style.display="none";
if(list_alt!=0 && list!=list_alt)
{
list_alt.style.display="";
}
}
}
//-->
</script>
<style type="text/css">
#block
{
font-size: 13px;
color: #9f0000;
text-decoration:none;
font-family : arial;
line-height: 1.5em;
font-weight: bold;
}
#untermenu { display: none; }
</style>
</head>
<body>
<div id="link">
<a href="#menu" onClick="submenu('menu')"><img src="bilder/button.png" alt="button" width="80" height="80" border="0" align="middle"/><strong> menu</strong></a>
</div>
<table id="menu" style="display: none;" border="0" width="450">
<tr>
<td>
<ul id="block">
<li><a href="#unternu" onClick="submenu('unternu')">menupunkt 1</a></li>
<td id="untermenu">
<li>untermenupunkt 1</li>
<li>untermenupunkt 2</li>
</td>
<li>menupunkt 2</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
HTML:
#untermenu { display:none; }Doch wenn ich jetzt auf "menupunkt 1" werden die unterpunkte nicht mehr angezeigt.
Zuletzt bearbeitet:
