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-Key: 83355

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

Printed on: April 23, 2024 at 13:04 o'clock

Member: Mitchell
Mitchell Mar 19, 2008 at 13:11:31 (UTC)
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"
Member: Dani
Dani Mar 25, 2008 at 20:15:30 (UTC)
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)