Zum Inhalt springen

CONTENT in LIGHTBOX

Erstellt am 6. April 2009 · 42 Antworten · letzte Antwort am 20. Juli 2009 · Seite 2 von 3

Tags: Frage

kajra ·

@einpraegsam.net ich mach das jetzt so, dass ich es als externe Seite eingebe... ich kann meine eigene Seite als externe angeben... dann klappt es...
der Programmierer hat sich nicht gemeldet...

kajra ·

finde ich auch... voll cool...genau die die formulare werden ohne weiteres auch versendet... finde ich superrr...

kajra ·

@einpraegsam.net hast du mal abgecheckt dass die lightbox auch in allen Browsern funktioniert?

einpraegsam.​net ·
soundstorm schrieb

Hat aber anscheinend auch das gleiche Problem, dass man "aus dem Fenster geworfen" wird bei Klick .

Und genau das funktioniert mit wt_lightwindow

gruberli ·

uuuuh. schöner thread. genau danach habe ich gesucht. ss funktioniert auch prächtig, nur komme ich nicht dahinter, wie ich einzelne content elemente in das wt_lightwindow einbinde. bilder, movie, webseiten - alles kein problem, aber ich muss folgenden snippet (firmenpräsentation auf issuu.com) einbinden:

<object style="width:600;height:450"><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;documentId=090323163218-b5481ba50a484455ab8607a7b6f9c226&amp;documentUsername=SchallerUnitEins&amp;documentName=sup_technik-maschinenbau_web_2009_a4&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml" /><param name="allowFullScreen" value="true" /><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowFullScreen="true" style="width:600;height:450" flashvars="mode=embed&amp;documentId=090323163218-b5481ba50a484455ab8607a7b6f9c226&amp;documentUsername=SchallerUnitEins&amp;documentName=sup_technik-maschinenbau_web_2009_a4&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml" /></object>

als inhaltselement auf der seite funktioniert es, aber wie bekomme ich es in die lightbox?

DANKE!

gruberli ·

Alex, Danke für die Antwort. So konnte ich es bis jetzt auch umsetzen, mit einem Link auf eine Seite welche lediglich das Objekt enthält.

Noch einfacher wäre allerdings die Darstellung eines einzelnen Contentelements. So dass ich mehrere Inhalte auf einer Seite "parken" und dann einzeln über deine lightbox aufrufen kann, so evtl. auch mit Newsartikeln u.a.

Georg setzt dieses ja erfolgreich mit seiner moodalbox um, aber da habe ich das Problem mit dem "Click", bzw. verschwindet mein Blätterkatalog ganz.

Gibt's die Eierlegendewollmilchsau? 😉

kajra ·

einpraegsam.net... wie hast du dein Powermail in die Lightbox gepackt??
ich versuche gerade felogin mit der Lightbox... es wird zwar dargestellt, aber sobald ich auf Absenden klicke, geht es aus der Lightbox raus...

hast du ne Idea?

kajra ·

leider geht es bei mir nicht wenn ich fe_login in derlightbox habe...
er springt einfach raus aus der lightbox

renzo ·

Ich finde wt_lightwindow wirklich super, aber hat jemand die Box schon mit IE6 zum laufen gebracht? Bei mir zieht sie sich immer zusammen in einem Punkt links oben am Bildschirm, mit neueren IE's oder mit Firefox funktionierts wie gewünscht.

sefoo ·

Tag zusammen,
@einpraegsam.net: mal wieder eine kleine aber extrem fein extension. Vielen Dank.

Ich habe noch nach einem Weg gesucht wie diese schönen Popups auch von Redakteuren (per RTE) gepflegt werden können.

Vielleicht habt ihr ja noch andere Wege gefunden?

Ergebniss soll ja ein Link in dieser Form sein:

<a href="http://www.meinehomepage.de/index.php?id=8&type=xxx" class="lightwindow" params="lightwindow_type=external,lightwindow_width=750,lightwindow_height=450,lightwindow_show_images=2">

Die Probleme bisher (aus meiner sicht):
- Verlinkte Seiten müssen mit &type=xxx aufgerufen werden (um ein von der "normalen" Seite abweichendes Layout im Popup zu erhalten)
- params-Attribute im a-Tag

Hier also mein Setup:
- RTE Konfiguration um Links die Klasse "lightwindow" hinzufügen zu können.
- Neues PAGE Objekt für die Darstellung der Popup-Inhalte in einem eigenen Layout. (type=xxx)
- Hinzufügen des &type-parameters sowie des params-Attributes per JS.

Die Funktion lightWindowInit() in wt_lightwindow/files/js/lightwindow.js Zeile 1918ff. folgendermassen verändert:

function lightwindowInit() {
  $$('.lightwindow').each(function(element) {
    element.setAttribute('params','lightwindow_type=external,lightwindow_width=600,lightwindow_height=500,lightwindow_show_images=2');
    var url = element.getAttribute('href');
    if(url.indexOf("?") == -1) {
      url = url + '?type=99';
    } else {
      url = url + '&type=99';
    }
    
    element.setAttribute('href',url);
  });
	myLightWindow = new lightwindow();
}

Die Lösung hat schwer was von einem dirty hack, da die Parameter fest codiert sind etc.. Letztlich wird dadurch jedoch auch eine gewisse Sauberkeit erreicht, da die Links bei deaktiviertem Javascript auf "normale" Seiten zeigen.