ebene (layer) verlinken (show / hide)

[pfc]

Hallo zusammen,

ich habe eine Frage zu layern (ebenen) unter dreamweaver mx.

unter der url http://home.tiscali.de/flowing/layer_test/html/themain.htm

habe ich mal mein test hinterlegt.

Dort ist die größte grafik, (wo hintergrund drinn steht) der erste layer. (=Layer1, und dem layer einen hintergrundbild gegeben)

Ich weiß nicht, wie ich layer verlinke. Als ich möchte gerne über z.B: main, about oder contact. eine map legen,

die mir dann den entsprechenden layer verlinkt, also zum beispiel:

Click auf main = layer 1 mit textinhalt, "hallo, startseite"

Click auf about = layer 2 mit textinhalt "about, info üner mich

Click auf contact = layer 3 mit textinhalt "hier können t ihrt mich kontaktieren"

Also wie kan ich links zu layern zeigen lassen, und wie kann ich den einen layer verschwinden lassen, und den anderen erscheinen, da alle 3 layer

exakt übeeinander liegen.

Und kann ich in diesen layern einfach text drüber schreiben oder noch bilder einfügen?

fragen über fragen

Vielen DAnk für eure hilfe vorab

Gruß,

nerd

[MightyCats]

document.getElementsByName("layler1")[0].style.visibility = "hidden";

<-- so kannste 2 layer verstecken und nur der inhalt des 3. wird angezeigt.

Ebenfalls is durch Javascript auch die änderung von Hintergrundfarben/bilder möglicht.

Selfhtml hilft da gut weiter.

[kills]

ich würde an deiner stelle das mit den layern lassen, und nen i-frame verwenden!

bei javascript kannste probleme bekommen wenn der client browser JS deaktiviert hat

[Mohadipe]

Ja aber I-Frame ist noch blöder weil der nur (oder) für IE richtig gut funktioniert.

Deshalb sind die Layer die bessere Lösung.

Ich hab die mit ner Funktion show und einer hide verschwinden bzw anzeigen lassen. Nur wenn ich das so mache hab ich bei 5 oder mehr Layern die an der gleichen Position angezeigt werden sollen das Problem das ich eines show machen muss und die anderen hide.

Gibts da nicht ne bessere Lösung? Irgendwie in einer funktion die mir das gewünschte anzeigt und alle anderen ausblendet. Hab noch nicht so den richtigen ansatz gefunden.

MFG Moha

[Adeltraut]

Mit Dreamweaver gibts doch "verhalten" , da kannste sowas genau festlegen, ob mit klick oder mouseover usw...

[Mohadipe]

ich hab halt diese beiden funktionen show und hide

will aber nicht irgendwann folgendes aufrufen müssen:

showLayer('Layer1');hideLayer('Layer2');hideLayer('Layer3');hideLayer('Layer4');hideLayer('Layer5');

sondern eher eine einzige welcher der anzuzeigende Layer übergeben wird.

Vieleicht mit nem Array von Layern oder so.

Hat da jemand ne Ansatzidee für mich.

Beispiel für "pre-beta" :

http://www.mohadipe.de/TestWeb/tabletest.htm

MFG Moha

[etreu]

Als erste mal solltest display benutzer an Stelle von visibility (1. keine Unterscheidung der Browser (á là hide/hidden) notwendig, 2. wird auch kein Platz für versteckte Ebenen benötigt (also können alle auf einer Ebene (z-index) liegen)).

Zur Problematik mit der Darstellung:

- globale Variable mit dem Namen der aktuellen Ebene anlegen

- diese in deiner Funktion unsichtbar machen (style.display = "none")

- neue Ebene sichtbar machen (style.display = "block")

- der globalen Variablen einen neuen Wert zuweisen (den Namen der neuen Ebene)

// Pseudocode:

/*

  function getStyleObject() gibt browserspezifisches Style-Objekt zurück

*/

var display = false;


function showHide(name) {

  if (display != false) {

    getStyleObject(display).display = "none";

  }

  getStyleObject(name).display = "block";

  display = name;

}

[Mohadipe]

thx werd es mal so probieren.

MFG Moha