• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Popup Menü

Status
Für weitere Antworten geschlossen.
H

haunty

Neues Mitglied
Hallo zusammen,
ich suche schon seid längerem ein Popup Menü. Nach endlichen Suchen bin ich fündig geworden und hab das Ergebnis meinen Bedürfinissen angepasst: http://haunty1.ha.funpic.de/problem/popup.html#
Das Problem ist nur, dass die Üntermenüs einegrückt werden(seihe zb. Verein). Dies will ich aber vermeiden. Hat jemand eine Lösung für mich? Ich denke, dass Script was ich habe, ist schon sehr veraltet. Hat jemand ein besseres parat oder kann mir helfen??
Danke schon mal im Voraus
 
So würde ich das machen:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<title>Test</title>
		<script language="javascript" type="text/javascript">/*<![CDATA[*/
			var submenus = Array();
			function toggleSubmenu(id)
			{
				if (submenus[id] == 1)
				{
					document.getElementById(id).style.display = 'none';
					submenus[id] = 0;
				}
				else
				{
					document.getElementById(id).style.display = '';
					submenus[id] = 1;
				}
			}
		/*]]>*/</script>
	</head>
	<body>
		<ul>
			<li>
				<a onclick="javascript:toggleSubmenu('submenu-news');">News</a>
				<ul id="submenu-news" style="display:none;">
					<li>Januar</li>
					<li>Februar</li>
					<li>M&auml;rz</li>
				</ul>
			</li>
			<li>
				<a onclick="javascript:toggleSubmenu('submenu-about-me');">&Uuml;ber mich</a>
				<ul id="submenu-about-me" style="display:none;">
					<li>Schule</li>
					<li>Familie</li>
					<li>Freunde</li>
				</ul>
			</li>
		</ul>
	</body>
</html>

Dein Code scheint außerdem fehlerhaft zu sein. Wenn man beispielsweise neben News klickt, wird Verein ausgeblendet.

Die Einrückung, musst du mit CSS-entfernen.
 
Zuletzt bearbeitet:
THX! Ja ich weiß. Ich hab den Code auch nur übernommen. Wie mache ich die EInrückung mit css weg? ich hab ka
Ich hab auch den Code mal ausprobiert.... Mit Rollover Buttons funktioniert der auch net! Ich würde gerne einen andreen Code benutzen, der ohne <li> und <ul> auskommt und das geliche Ergebnis bringt.. gibt es da nichts???
 
Zuletzt bearbeitet:
Du kannst das auch einfach so machen:
HTML: 
<body>
  <a onclick="javascript:toggleSubmenu('sub-news');">News</a><br>
  <div id="sub-news">
    <a href="...">August</a><br>
    <a href="...">September</a><br>
    <a href="...">Oktober</a><br>
  </div>
  <a onclick="javascript:toggleSubmenu('sub-about');">Ich</a><br>
  <div id="sub-news">
    <a href="...">Familie</a><br>
    <a href="...">Privat</a><br>
    <a href="...">Hobbys</a><br>
  </div>
</body>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben