Wie krieg ich so eine Navigation hin?

GFXShorty · 18. März 2009, 14:47

Hai Leute, kann mir jemand veraten wie ich selbst so eine Navi hinbekomme???

gamer-designs.terahost.de/demos/demo52/index.php?site=files

Das wenn man darauf klickt sich ein menü ändert...!

vllt. ein ganz kleines beispielt mit 2 navi buttons wo sich dann was ändert

rest krieg ich dann hin ;)... DANKE!!!

Danke

Snowflake · 18. März 2009, 15:31

Das ganze wird in deinem Beispiel extrem unelegant mit JavaScript gelöst.

Du kannst das ganze mit Iframes Lösen oder mit Div Elementen und Javascript.
Beherschst du ein wenig JavaScript?

GFXShorty · 18. März 2009, 15:43

jo =) ein wenig schon..., kann dennoch einer mir ein elegantes bsp. zeigen ;)?

Gnex · 18. März 2009, 16:42

Quellcode

getElementById('ID DES DIVS').style='display: block';
zum wieder ausbelden des DIVs:
getElementById('ID DES DIVS').style='display: none';

Snowflake · 18. März 2009, 16:57

Elegant wäre es wenn du allen div Elementen für die Navi einen Class Namen gibst. Z.b. <div class="navigation">

So dann bastelst du dir eine Funktion die per Klick das Style Attribut display auf block/inline setzt.
Vorher lässt du dir alle Div Elemente auflisten die den ClassNamen "navigation" haben und änderst den display type auf none.

Ein gutes Beispiel siehst du hier:
easy-coding.de/post/23171.html#post23171

Wenn du mit einem Framework arbeitest, wie zum beispiel Prototype, kann man den Code auf ein paar Zeilen reduzieren.

Quellcode

Teilen