Javascript  »  Navigationen  »  Aufklappmenu

zur Übersicht

Kategorie	Navigationen
Bezeichnung	Aufklappmenu
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	89651 Aufrufe davon 9x gestern
Das Script läuft in IE 4+ und NS6+, alle anderen Browser sehen gleich ein aufgeklapptes Menu.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <style> <!-- #foldheader{cursor:pointer;cursor:hand ; font-weight:bold ; //list-style-image:url(fold.gif)} #foldinglist{list-style-image:url(list.gif)} //--> </style> <script language="JavaScript1.2"> <!-- //Smart Folding Menu tree- By Dynamic Drive (rewritten 03/03/02) //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com //This credit MUST stay intact for use var head="display:''" img1=new Image() img1.src="fold.gif" img2=new Image() img2.src="open.gif" var ns6=document.getElementById&&!document.all var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 function checkcontained(e){ var iscontained=0 cur=ns6? e.target : event.srcElement i=0 if (cur.id=="foldheader") iscontained=1 else while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){ if (cur.id=="foldheader"||cur.id=="foldinglist"){ iscontained=(cur.id=="foldheader")? 1 : 0 break } cur=ns6? cur.parentNode : cur.parentElement } if (iscontained){ var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0] if (foldercontent.style.display=="none"){ foldercontent.style.display="" cur.style.listStyleImage="url(open.gif)" } else{ foldercontent.style.display="none" cur.style.listStyleImage="url(fold.gif)" } } } if (ie4||ns6) document.onclick=checkcontained //--> </script> <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.cnn.com">CNN</a></li> <li><a href="http://www.abcnews.com">ABC News</a></li> <li><a href="http://www.news.bbc.co.uk">BBC News</a></li> </ul> <li id="foldheader">Webmaster</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li> <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li> <li><a href="http://www.freewarejava.com">Freewarejava.com</a></li> </ul> <li id="foldheader">Nested Example</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com">outer 1</a></li> <li><a href="http://www.dynamicdrive.com">outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com">nested 1</a></li> <li><a href="http://www.dynamicdrive.com">nested 2</a></li> </ul> <li><a href="http://www.dynamicdrive.com">outer 3</a></li> <li><a href="http://www.dynamicdrive.com">outer 4</a></li> </ul> </ul>

Kommentare zu Aufklappmenu

13 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 21.04.2006 um 01:38 Uhr von Toby
Hallo. Ich habe ein Problem: Ich habe mit TABELLE und mit

am 17.03.2006 um 15:10 Uhr von Harri
Wie verändere ich die Schriftart und den Abstand von links zur Schrift... 

am 15.09.2005 um 08:36 Uhr von Sarah
Hi, ich hab mal ne Frage und hoff, ihr könnt mir weiterhelfen. Ich habe mit XSL ein HTML... 

am 12.07.2005 um 23:46 Uhr von philipp
was muss ich ändern um einen umbrauch zu verhindern, also das alle in einer zeile stehen!?... 

am 06.06.2004 um 09:29 Uhr von Bruno Hartmeier
Eine Antwort zu meiner gestrigen Anfrage erübrigt sich. Ich hatte einen Fehler gemacht, de... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen