Wie kann ich Unterlinks erstellen?

[svenstocki]

Hallo Leute,
ich möchte ne Internetseite erstellen und mochte wenn ich auf ein Link drücke das da darunter mehrer Links erscheinen. Wie geht das? Weil ich nicht weis ob mann das durch meine Beschreibung versteht Habe ich von einer Internetseite ein Foto gemacht wo man diese erkent.

 

[Mr. Snoot]

Dafür gibt es mehrere Lösungen.

Entweder, du machst das ganze dynamisch, d.h. beim Klicken auf den "Überlink" erscheinen die "Unterlinks". Das kann man mit DHTML, Javascript oder auch Flash machen.

Ein kostenloses Javascript-Menü findest du z.B. hier: http://javascript.cooldev.com/scripts/cooltree/demos/superdemo/

Oder du machst es auf die klassische Methode, und rufst einfach eine andere Seite auf, wo die Links eben zu sehen sind.

 

[Crush3r]

also du meinst sowas in der art?

http://www.jswelt.de/showscript.php?artid=1016608763

 

[svenstocki]

Ja genau so meine ich das. Weist du dann wie ich das selber machen kann also selber schreiben?

 

[xanthos1]

Das würd mich auch gerne mal interessieren :-)

 

[Mr. Snoot]

In dem man sich mit JS auseinandersetzt: http://de.selfhtml.org/javascript/index.htm

Ansonsten eben fertige Scripte benutzen, oder die Nase in den Quelltext von Seiten stecken wo es solche Menüs gibt.

 

[svenstocki]

wie finde ich denn im quelltext solche menüs

 

[PW-toXic]

ganz einfach.

das ist sehr schlechter pseudocode, aber EVTL hilft es ja jemanden
zu mehr hab ich grad kein bock

ul id=nav
    li überpunkt1
        ul
			li a href /li
			li a href /li
			li a href /li
		/ul
	/li
	
	li überpunkt2
		ul 
			li a href /li
			li a href /li ....
		/ul
	/li
/ul



und dann ein javascript
page onload:

//für jedes li element in der liste "nav" ein onclick event definieren, wo etwas passiert
foreach($$("nav li") as navlink) {
	navlink.event("click") = function() {
		//alle unternavbars verstecken!
		foreach($$(nav li ul) as subnav) {
			subnav.style.display="none"	
		}
		
		//die gewünscht navbar anzeigen
		navlink.getChildren("ul")[0].style.display="block";

	}	
}

das könnte man zb mit dem mootools framework machen, und dann kann man auch gleich noch ein bisschen was mit animationen machen.

http://pw-toxic.de ich hab so etwas ähnliches gemacht, aber is dort ned ganz so einfach.