js navigatie systeem

[assass]

Ik ben op zoek naar een JavaScript navigatie systeem die ik helaas niet goed weet te omschrijven. Dat belemmerd mijn zoektocht heel erg.

Ik probeer via een omslachtige weg uit te leggen en misschien kan ik op die manier wat trefwoorden verzamelen die ik kan gebruiken om op de welbekende javascript source sites een mooi systeempje te vinden.

Het gaat om hidden layers die te voorschijn komen als je de desbetreffende link klikt. Al deze layers moeten op eenzelfde plek schijnbaar worden, betekende dat de ene layer weer hidden wordt als de andere opdracht heeft visible te worden.

Standaard is een layer al geselecteerd omdat de pagina altijd gevuld dient te zijn, als iemand opdracht geeft voor een andere inhoud klikt deze op de desbetreffende link en is de vooraf al ingeladen (immers div style=hidden) layer in een keer zichtbaar.

Een ASCII grafische omschrijving:

Bij opening van de pagina is Hallo geselecteerd, daarom laat de pagina de inhoudt van de <div> layer Hallo zien:

code:

---------------------------------------------------------
|....Hallo....|    Pipoo   |    Clown    |    Geerta    |
--------------------------------------------------------
| Content van Hallo                                     |
|                                                       |
|                      XXXXXXXXX                        |
|                      XXXXXXXXX                        |
|                      XXXXXXXXX                        |
|                      XXXXXXXXX                        |
|                                                       |
---------------------------------------------------------

Nu is Clown geselecteerd, daarom laat de pagina de inhoudt van de <div> layer clown zien:

code:

---------------------------------------------------------
|    Hallo    |    Pipoo   |....Clown....|    Geerta    |
--------------------------------------------------------
| Content van Clown                                     |
|                                                       |
|                      XXXXccXXX                        |
|                      XXXXccXXX                        |
|                      XXXXccXXX                        |
|                      XXXXccXXX                        |
|                                                       |
---------------------------------------------------------

Ik zou het bijzonder op prijs stellen als iemand mij op weg zou kunnen helpen.

[ Voor 7% gewijzigd door assass op 25-01-2005 23:50 ]

[iMars]

Bedoel je soms een soort van tabblad systeem?
Daar lijken je plaatjes op...

[assass]

ja het was geen moeilijke vraag, had alleen even een complete black-out, maar het is gewoon een tabbladen systeem

heel fijn thnx!

[Verwijderd]

Speel een beetje met

code:

document.getElementById("hallo").style.visibility = 'visible';

en het gaat je vast zelf ook nog lukken.

[Verwijderd]

Kijk eens op deze site; ik denk dat je dat bedoelt.

Deze site gebruikt het ook, misschien dat je wat wijzer word uit de source.

[chris]

Let Them Eat Cake

[Woudloper]

chris schreef op woensdag 26 januari 2005 @ 12:59:
Let Them Eat Cake

Dit lijkt een beetje op onderstaande topic:[list]• [rml][ html]je huidige bouwstijl/aanpak voor statische html site[/rml] Daarin werd soortgelijke methode beschreven.

Voor wat betreft je tabs en eventueel geselecteerde tabs e.d. kan je ook eens bij dit voorbeeld kijken, deze is een onderdeel van List a Matic. Zo'n 'horizontal list' is dan ook weer te combineren met Suckerfish Dropdowns of Whatever:hover (met voorbeeld) van clay.