Klick-Menue, oder wie auch immer es heissen mag

Was ist ein Klick-Menue?
Ein Menü, in dem man die Unterlinks aufruft, indem man auf den Hauptlink klickt.

Das Menue besteht aus einem < div >, welches den Javascript-Befehl onClick="klick(this)" zugewiesen bekommen hat, und einem < span > Tag, der die Navigationspunkte beinhaltet...

Um solch ein Menue auf der eigenen Seite zu verwenden, wird folgender Code verwendet:

Dieser Code muss in den < head > Bereich der Seite...

      < style type="text/css" > 
      .menu {
      background-color: #FCFAF8;
      border: solid 1px #CCBBBB;
      line-height: 20px;
      text-align: right;
      height: 20px;
      width:200px;
      margin: 0px;
      padding: 0px;
      color:#956F6F;
      }

      .points a, .points a:visited , .points a:active {
      font: normal 0.9em verdana, sans-serif;
      background-color: #FCFAF8;
      border: solid 1px #CCBBBB;
      text-decoration:none;
      text-align: left;
      line-height: 20px;
      display: block;
      height: 20px;
      width:200px;
      color:#956F6F;
      }

      .points a:hover {
      background-color:#fff;
      color:#C8A762;
      }

      < script language="JavaScript1.2" type="text/javascript" > 

      var ns6=document.getElementById&&!document.all?1:0

      var head="show:''" 
      var folder='' 

      function klick(curobj){
      folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
      if (folder.display=="none") 
      folder.display="" 
      else
      folder.display="none" 
      }

Und dieser Code muss an die Stelle im < body > Bereich, an der das Menue zu sehen sein soll.

      < div class="menu" onClick="klick(this)" id="Menu1" >  Navigation 1  < /div >  
      < span class="points" style="display:none" >  
      < a href="home.html" >Home    
      < a href="about.html" >About    
      < a href="tutorials.html" >Tutorials  < /a >  
      < a href="guestbook.html" >Gaestebuch    
      < a href="imprint.html" >Impressum    

Ich weiss, bisschen unuebersichtlich...tut mir leid...

Rabbit

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 83355

Url: https://administrator.de/contentid/83355

Ausgedruckt am: 23.11.2024 um 23:11 Uhr

2 Kommentare

Neuester Kommentar

Hi Rabbit,

da du HowTo's für Anfänger schreibst, würde ich die Leerzeichen in den Script-Tags noch wegmachen und evtl. auch darauf verweisen, dass man nicht zwingend JavaScriptl.2 schreiben muss, nur so als Tipp.

Mfg

Mitchell
glob. Moderator

PS: Ich schiebe den Beitrag mal in die Programmiersprache "Javascript"

Abend Rabbit,

Ich weiss, bisschen unuebersichtlich...tut mir leid...

Tja...was kannst du dagegen machen?! Richtig, das Ganze aufbereiten und viele Kommentare schreiben. Was auch hier wieder fehlt ist ein Screenshot des Ganzen. Schließlich will man gerne das Objekt sehen, bevor man es kauft.