XaraX: Ein NaviMenü mit HTML o.ä.

Beitrag lesen

Hi :)

Ich würde gerne ein Menü erstellen, das in möglichst vielen Browsern läuft.

Einfachste Möglichkeit: Schreibe in HTML ohne weiteren Schnickschnack - da verschiedene Browser nicht nur Javascript (JS) unterschiedlich interpretrieen, sondern auch nach den individuellen Einstellungen Deiner Besucher gar nicht interpretieren.
Sicher sieht es immer ganz toll aus, wenn sich hier und dort was bewegt und ein Web so scheinbar mit einem interagiert. Einfach JS deaktivieren und bei nicht wenigen Webs verkehrt sich dies (da nichts mehr geht und keine Abhilfe geschaffen wurde) ins Gegenteil.

Das ganze sollte so ähnlich aussehen wie das suchen Menü hier:
http://forum.gleitz.info/index.php
oben rechts.

So schwer ist der gar nicht:

<!Dein-doctype ~>
<html>
<head>
<title>test</title>
<script type="text/javascript">
function toller_efekt()
   {
   var t=document.getElementById("menu");
   if(t.style.display=="none") t.style.display="block";
   else                        t.style.display="none";
   }
</script>
</head>
<body>
<div id="menu" style="display:none;background:green">
   <a href="#">LINK 1</a><br>
   <a href="#">LINK 2</a><br>
   <a href="#">LINK 3</a><br>
</div>
<noscript>
   <a href="#">LINK 1</a><br>
   <a href="#">LINK 2</a><br>
   <a href="#">LINK 3</a><br>
</noscript>
<span onClick="toller_efekt()">zeig mir</span>
</body>
</html>

An Stelle des Formulares brauche ich aber nur eine kleine Tabelle mit 3 Links.
Ich habe mir das JS und HTML von der Seite schon angeschaut, aber das sprengt meinen Rahmen und ich habe es jetzt auch nach einer Stunde nicht hinbekommen, das so abzuändern und zu reduzieren, dass es bei mir läuft.

Damit Du Dir dieses Script selbst bearbeiten kannst, sichte bitte auch folgende Links:

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
http://de.selfhtml.org/javascript/objekte/style.htm
http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id
http://de.selfhtml.org/html/attribute/allgemeine.htm#uebersicht

Gruß aus Berlin!
eddi