29457
Goto Top

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

Content-ID: 83355

Url: https://administrator.de/tutorial/klick-menue-oder-wie-auch-immer-es-heissen-mag-83355.html

Ausgedruckt am: 24.12.2024 um 17:12 Uhr

Mitchell
Mitchell 19.03.2008 um 14:11:31 Uhr
Goto Top
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"
Dani
Dani 25.03.2008 um 21:15:30 Uhr
Goto Top
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. face-smile

Mach doch einfach aus den 2 Codeblöcken Einen und kommentiere schön. Somit ist eine Verwirrung schon mal wech.


Grüße
Dani (glob. Moderator)