✔ DHTML Menü

C

chilly

Grünschnabel
Hi!

Ich suche eine DHTML Menü in dem Stil, wie es das mal von Oliver Kertesz gab. Leider ist seine Seite nun down und ich kann mir sein Script nicht mehr runterladen.
Das Menü sollte keine Grafiken und sollte nicht allzuschwer zu editieren sein. Ohne grossen Schnickschnack sonder nur ein Link und wenn man auf den klickt, öffnet sich da unter ein neuer Link.
Würd mich über Hilfe freuen. (Wer tut das hier nicht... :rolleyes: )

Gruss chilly

PS: Noch ein Beispiel, wie ich das mein:

Link1
Link2

--> Bei klick auf 'Link1'

Link1
-Unterlink1
-Unterlink1
Link2

--> Bei klick auf 'Link2'

Link1
Link2
-Unterlink1
-Unterlink2
 
Zuletzt bearbeitet:
Hi ich habe noch ein Problem mit dem script.

Ich habe das onklick ausgetauscht gegen onmouseover.
Jetzt habe ich als Javaanfänger keine Ahnung wie ich es anstelle das das untermenü geschlossen wird.
Ich denke mal mit onmouseout..... aber wie genau


Hier mal ein kleiner Codeausschnittt der interesant sein könnte.
Code: 
<script type="text/javascript">
<!--
function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";
d.getElementById(divid).style.display="inline";
}

//-->
</script>
  </head>
  <body>
    <!--bilder für das Layout-->
    <img src="bilder/head.jpg" class="head">
    <img src="bilder/navi.gif"class="navi">
    <img src="bilder/sheesha.gif" class="sheesha">
    <!--ender des Layouts-->
    <!--Navigation-->
    <div class="navi">
      <b>home</b><br>
      <a href="#" onmouseover="show('cat1')">members</a><br>
      <div id="cat1" style="display:none" class="membernav">
        <a href="patrick.htm">Patrick</a>
        <a href="#">Pascal</a>
        <a href="#">Manuel</a>
        <a href="#">Sascha</a>
      </div>
      <a href="pics.htm">pics</a><br>
      <a href="tabak.htm">tabak</a><br>
      <a href="links.htm">links</a><br>
      <a href="guestbooaddy">guestbook</a>
    </div>
    
    <!--ende der der Navigation-->
Währe nett wenn mir da einer helfen könnte

PS: Wie macht ihr das hier mit dem grauen hintergrund bei Quellcodes
 
Lösungsvorschlag, um Submenü(s) mit dem Event-Handler onmouseover zu öffnen und mit onmouseout wieder zu schliessen:

Code: 
<script type="text/javascript">
<!--
function ShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.display == 'inline'){
    obj[id].style.display = 'none';
    }
    else {
    obj[id].style.display = 'inline';
    }
}
//-->
</script>
HTML: 
<!--Navigation-->
    <div class="navi">
      <b>home</b><br>
      <a href="#" onmouseover="ShowHide('cat1')">members</a><br>
      <div id="cat1" style="display:none" class="membernav" onmouseout="ShowHide('cat1')">
        <a href="patrick.htm">Patrick</a><a href="#">Pascal</a><a href="#">Manuel</a><a href="#">Sascha</a><br>
      </div>
      <a href="pics.htm">pics</a><br>
      <a href="tabak.htm">tabak</a><br>
      <a href="links.htm">links</a><br>
      <a href="guestbooaddy">guestbook</a>
    </div>
<!--ende der der Navigation-->
 
Danke jezt funktioniert es habwegs.
Das Menü verschwindet sobald ich nicht mehr drüber binn. Ausser wenn ich von members nach unten weg gehe zum Beispiel zu "pics", dann bleibt sie offen.
kann da nochmal jemand schauen?
währe super.

Danke im vorraus
 
Zuletzt bearbeitet:
afro hat gesagt.:
Ausser wenn ich von members nach unten weg gehe zum Beispiel zu "pics", dann bleibt sie offen.
Zum Vergrößern anklicken....
Bei mir schliesst sich das Submenü, wenn ich die Maus nach unten (z.B. zum Link 'pics') bewege ... :confused:
 
Komisch. im ie gehts soweit ich ds oben beschrieben habe.
Im Firefox geht es sofort wieder zu wenn ich über den 2. Unterpunkt gehe. Sprich ich kann nur den ersten unterpunkt auswählen.
is doch Komisch alles.

naja mal sehe nob eier das hinbekommt.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück