Ebene an Bildschirmrand "anheften"

gsguitar schrieb am 08.02.2012 um 16:37 Uhr

Hallo,

BeRo hat meine letzte Frage (http://www.magix.info/de/position-einer-ebene-festlegen.wissen.706162.html) zur Fixierung einer einzublendenden Popup-Ebene bereits so beantwortet, dass ich mein Vorhaben in die Tat umsetzen konnte... wie immer bei diesen Spielereien fällt einem dann gleich das nächste Schmankerl ein...

Wie muss denn das javascript geschaffen sein, wenn die Ebene immer im Bild sein soll, am besten immer am linken Bildschirmrand (außerhalb der eigentlichen Website).

Wenn ich - der Anleitung von BeRo zu meiner gestrigen Fragen folgend - die Ebene immer eingeblendet lasse (also nicht als popup), dann bleiben alle eingeblendeten Elemente an ihrer Position fixiert. (s. hier: http://www.kastenschmidt.de/ebenentest2/ebenentest2.htm) Gibt's da eine Möglichkeit?

Hier meine Testdatei: http://www.kastenschmidt.de/ebenentest2/ebenentest2.Web

Gruß, Karsten (gsguitar)

Kommentare

BeRo schrieb am 08.02.2012 um 19:01 Uhr

[...] Wie muss denn das javascript geschaffen sein, wenn die Ebene immer im Bild sein soll, am besten immer am linken Bildschirmrand [...]

Genau so, wie Du es aus meinem letzten Kommentar kennengelernt hast.

Des Rätsels Lösung: Du musst nur irgendwo auf der Hauptseite einen Link definieren, der auf die "Ebene1 (lock)" als Popup Ebene verweist.

Wenn das nicht gewünscht ist, die Funktion also ohne Zutun des Website Besuchers aktiv sein soll, benutzt Du am besten ein anderes Verfahren, das ich hier beschrieben haben.

Die online Demo mit dem Ergebnis findest Du hier. Da habe ich eine vertikale Navigationsleiste oben links auf der Website fixiert.

gsguitar schrieb am 08.02.2012 um 23:09 Uhr

Hallo,

ja, das kommt meinen Vorstellungen schon sehr nahe.

Ich habe hier mal ein Beispiel: http://www.kastenschmidt.de/ebenentest/ebenentest3.htm

Die Klickfläche fährt aus, wenn man über das Rechteck fährt. Das habe ich mit der von BeRo verlinkten Anleitung (hier) hinbekommen.

Jetzt würde ich allerdings gerne den Hintergrund der Seite im iframe transparent machen, damit man den darunterliegenden Hintergrund der Hauptseite sieht, und das Klickfeld soll auch wieder verschwinden (was es ja im Moment nicht tut).

Lässt sich das realisieren?

Gruß, Karsten

BeRo schrieb am 08.02.2012 um 23:49 Uhr

[...] Jetzt würde ich allerdings gerne den Hintergrund der Seite im iframe transparent machen [...] und das Klickfeld soll auch wieder verschwinden [...]

Hi, Karsten.

An der Stelle möchte ich mich jetzt ausklinken, sonst wird aus dem Verfassen der Tipps noch ein komplettes Lehrbuch.

Meine Infos- und Kurzanleitungen sollen in erster Linie helfen, Problemfälle zu lösen. Gleichzeitig sind sie als Anstoß zu eigenen Aktivitäten gedacht, in der Hoffnung, der Community so zu neuen Tippgebern zu verhelfen.

Sei mir nicht böse, aber die remote erstellte, uploadfähige Gestaltung von Webseiten habe ich (noch) nicht geplant...

gsguitar schrieb am 09.02.2012 um 12:38 Uhr

Hallo Alle,

okay, habe einiges selbst hinbekommen:

auf der im iframe angezeigten Seite habe ich einen html-Platzhalter eingefügt, der folgenden Code enthält:

[body style="background:transparent" "position:absolute; left:0px;">[/body>

(eckige Klammern durch spitze ersetzen).

Zusammen mit dem Attribut allowtransparency="true" im Platzhalter auf der übergeordneten Seite wird so der iframe transparent geschaltet.

Die Positionsangabe habe ich eingefügt, weil ich den iframe und die darin angezeigte Seite ein bisschen nach rechts und weit nach unten vergrößert habe, damit die ausklappende Mouseover-Ebene wieder zurückklappt (ohne Positionsangabe wäre das Feld mittig im iframe erschienen), wenn man sie mit der Maus verlässt. Das funktioniert jetzt zumindest, wenn man nach unten raus geht. Ist also eine Notlösung... vielleicht kennt noch jemand einen anderen Trick?!?

Hier das Beispiel: http://www.kastenschmidt.de/ebenentest/ebenentest3.htm

Herzliche Grüße,

Karsten