Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

ebene (layer) verlinken (show / hide)

Empfohlene Antworten

Veröffentlicht

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

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.

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

  • 1 Monat später...

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

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

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

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;

}

thx werd es mal so probieren.

MFG Moha

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.