Expandierender Baum - beste Methode?

[Eddie]

Hallo allerseits,

ich moechte eine Struktur untereinander stehender Links erreichen, z.B.

=========================
Afrika
Asien
Europa

Bei Klick auf "Asien" soll - ohne Neuladen der Seite - Folgendes angezeigt werden:

=========================
Afrika
Asien
 - Indischer Subkontinent
 - Mittlerer Osten
 - Südostasien
 - Zentralasien
 - ...
Europa

Falls die verwendete Technik nicht unterstuetzt wird, soll stattdessen eine entsprechende andere Seite (existiert schon) gezeigt werden mit den Unterlinks.

Wie wuerdet ihr das loesen? Mit JavaScript? Oder nur mit CSS?
(Es gab mal einen Feature-Artikel zu einer CSS-Loesung, aber ich finde ihn nicht mehr).

Achja, zwei Einschraenkungen:

• der Link "Asien" muss als href= existieren, so dass Suchmaschinen was damit anfangen koennen
• das Ganze sollte benutzerfreundlich sein, wenn Ihr also Kritik an diesem Vorgehen habt, bitte heraus damit! Zur Anwendung kommen soll es auf http://www.umdiewelt.de/. Bisher sind eine ganze Menge Klicks nötig, um z.B. nach "Thailand" zu gelangen.

Danke für eure Hilfe,
Eddie

[Jeena Paradies]

Hallo,

Das einzige was ich so kenne, du aber noch umbauen müsstest, ist: http://www.porjes.com/jsmenus/jssidemenu4.html

Aber ganz ehrlich würde mir eine Imagemap mit der Weltkugel drauf am besten gefallen. Mittels JS könntest du je nach position auch noch den Namen des Landes anzeigen lassen.

Grüße
Jeena Paradies

[Eddie]

Hallo allerseits, hallo Jeena,

Aber ganz ehrlich würde mir eine Imagemap mit der Weltkugel drauf am besten gefallen. Mittels JS könntest du je nach position auch noch den Namen des Landes anzeigen lassen.

Ich habe mal eben was in der Art zusammengestoepselt.

==========================

Zuerst wuerde ich aber gerne einen kurzen Test mit Euch machen, um herauszufinden, ob das Ganze ueberhaupt verstaendlich ist.

Stellt Euch vor, Ihr kommt auf eine Seite, und Ihr wisst, es geht um Reisen. Und ihr wollt Euch orientieren und was suchen.

Ihr seid entspannt, vielleicht sogar etwas unkonzentriert (falls sich sowas simulieren laesst) und ungeduldig ohnehin.

Schaut Euch jetzt die Seite an, lest aber erst danach weiter:
http://www.gaedekenet.de/usability_test.htm

==========================

Und hier die Frage: wie lange hat Euer Gehirn gebraucht, um zu realisieren, dass das Kontinente sind und man vielleicht darauf klicken koennte?
Oder war die Karte vollkommen verwirrend und sollte eher nicht verwendet werden?

So, danke Euch fuer's Mitmachen!!!

==========================

Jetzt zum eigentlichen Thema:

Was wuerdet Ihr von so einer Navigation halten:
http://www.gaedekenet.de/navigation.jpg

Nur ein Entwurf, und alles andere als fertig, aber hier meine Gedanken:

IM LINKEN BEREICH ein Baum, bei dem per JS immer die naechste Ebene ein-/ausgeblendet wird. Stellt sich noch die Frage, ob der Baum nur eine oder alle Ebenen (bis zu den Laendern) unterstuetzen soll.
OHNE JS: Wechsel auf die entsprechende Regionen-Seite (z.B. http://www.umdiewelt.de/Asien/Reiseziel-3.html) wo dann erst die Unterregionen zur Verfuegung stehen, und noch keine Länder.

IM MITTLEREN BEREICH eine Schnellauswahl (NUR MIT JS), die eine direkte Eingabe erlaubt und die passenden Links anzeigt. Vgl. http://www.auswaertiges-amt.de/www/de/laenderinfos/index_html.

IM RECHTEN BEREICH eine Karte, mit ImageMaps. Allerdings nur fuer Regionen - 214 Länder (u.a. "Liechtenstein" & Co.) machen hier wohl kaum Sinn. Bei Klick auf eine Region stellt sich die Frage, was dann passieren soll?

• Wechsel auf die entsprechende Seite (z.B. http://www.umdiewelt.de/Asien/Mittlerer-Osten/Reiseziel-18.html)
• oder Erweitern des Baums im linken Bereich?

Stellt sich eh die Frage, ob die Karte vielleicht funktionslos bleiben soll, also Schmuck? Mmmmh...

So, bin gespannt auf Eure Meinung,
Eddie

[Mathias Bigge]

Hi Eddie,

check mal den:
http://aktuell.de.selfhtml.org/tippstricks/dhtml/treemenu/index.htm
Könnte das Richtige sein....

Viele Grüße
Mathias Bigge