29457
Mar 17, 2008, updated at Mar 25, 2008 (UTC)
11298
2
0
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...
Und dieser Code muss an die Stelle im < body > Bereich, an der das Menue zu sehen sein soll.
Ich weiss, bisschen unuebersichtlich...tut mir leid...
Rabbit
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
Please also mark the comments that contributed to the solution of the article
Content-Key: 83355
Url: https://administrator.de/contentid/83355
Printed on: April 23, 2024 at 13:04 o'clock
2 Comments
Latest comment
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"
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,
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)
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. 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)