--- title: "CONTENT in LIGHTBOX" url: "https://www.typo3.net/d/88655-content-in-lightbox" source: "typo3.net" tags: ["Extensions","Entwicklung","Frage"] created: "2009-04-06" last_reply: "2009-07-20" replies: 42 solved: false page: 1 pages: 1 lang: "de" --- # CONTENT in LIGHTBOX Extensions › Entwicklung · 42 Antworten · gestartet 2009-04-06 ## Eröffnungsbeitrag **kajra** · 2009-04-06 · [Beitrag #1](https://www.typo3.net/d/88655-content-in-lightbox/1) ich weiß nicht mehr weiter...bin voll verwirrt... wenn ich eine ein Link auswähle, soll die Seite in einer lightbox angezeigt werden...der content soll in der lightbox angezeigt werden... und im content also lightbox soll auch noch ein menu sein...wenn ich rumswitche im menu soll die lightbox immer noch da sein...also nicht verschwinden... würde sowas in TYPO3 funktionieren??? wie muss ich eine Extension schreiben...einfach eine Lightbox einbinden? Bitte um eine schnellstmögliche Antwort... ## Antworten ### [#2](https://www.typo3.net/d/88655-content-in-lightbox/2) · Theo Ree · 2009-04-06 Probiers doch mal mit lightwindow: Da kannst du ganze Webseiten in nem Overlay darstellen - mit Menü ;-) ### [#3](https://www.typo3.net/d/88655-content-in-lightbox/3) · kajra · 2009-04-07 cool...das ist aber keine extension ne?? ich muss es zur einer extension zusammenbauen ne? ### [#4](https://www.typo3.net/d/88655-content-in-lightbox/4) · Theo Ree · 2009-04-07 Ne, ne Extension ist das nicht. Da musst du mal schauen, ob das unbedingt in eine Extension muss. Könnte nach einmaligem Aufruf funktionieren. Probier einfach mal aus. In dem Beispiel "Website Example" wird ja auch innerhalb des Overlays navigiert. ### [#5](https://www.typo3.net/d/88655-content-in-lightbox/5) · kajra · 2009-04-07 hmm... habs probiert aber so leicht geht es leider nicht... muss es doch in eine extension packen...bevor ich mir die arbeit mache, probiere ich mal rum...dankee ### [#6](https://www.typo3.net/d/88655-content-in-lightbox/6) · kajra · 2009-04-07 Theo Ree hast du schon mal mit dieser lightwindow gearbeitet... ich habe es jetzt hinbekommen... aber ich will ja nur bestimmte content elemente ausgegeben bekommen...bei mir bekomme ich jetzt die komplette seite... ### [#7](https://www.typo3.net/d/88655-content-in-lightbox/7) · Theo Ree · 2009-04-07 Hi! ich weiss nicht genau wie du was machst. Vielleicht kannst du mal n Link schicken. Ich tippe mal, dass du einen neuen page-typ anlegen musst. So in der Art: ajax > ajax = PAGE ajax { typeNum = 7 config { disableAllHeaderCode = 1 xmlprologue = none disablePrefixComment = 1 xhtml_cleaning = 0 disableCharsetHeader = 1 disableAllHeaderCode = 1 admPanel = 0 } 10 = COA 10 { 10 < styles.content.get } } Damit kriegst du nur den Content ... Viele Gruesse, Theo ### [#8](https://www.typo3.net/d/88655-content-in-lightbox/8) · einpraegsam.​net · 2009-04-07 Ich muss mich hier mal einklinken. Ich finde die Idee von lightwindow echt gut. Ich habe mal im Handumdrehen eine Mini Extension daraus gemacht: Was ich machen möchte: Wenn ich eine interne Seite in m lightwindow öffne, will ich dass diese stehen bleibt, wenn man dort einen Link klickt. Das klappt aber nur bei externen Seiten. Jemand eine Idee? Cheers, Alex ### [#9](https://www.typo3.net/d/88655-content-in-lightbox/9) · kajra · 2009-04-07 @Theo Ree ich habe es hinbekommen das mit "nur content" habe einfach eine templateweiche gemacht...klappt auch einwandfrei...vielen Dank... @einpraegsam.net, du bist ja sehr flott, und vool der TYPO3 Freak :) naja gratuliere... ich habe das selbe Problem, ich kann auch nicht rumswitchen die lightbox verschwindet...Theo Ree hast du ein plan? ### [#10](https://www.typo3.net/d/88655-content-in-lightbox/10) · Theo Ree · 2009-04-07 Eine Idee waere, wenn du die links als ajax-aufrufe baust. Einfach den div "lightwindow_contents" updaten, dann sollte alles in dem overlay bleiben ... Ansonsten gibt es bei den lightwindow Beispielen noch ein Beispiel "Page treated as external" vielleicht schaust dir das nochmal an. Viel Erfolg! Theo ### [#11](https://www.typo3.net/d/88655-content-in-lightbox/11) · kajra · 2009-04-07 vielen Dank...ich probiers mal schnell aus... einprägsam...welches CSS hast du eingebunden?? bei mir bekomme ich Probleme mit dem Design... ### [#12](https://www.typo3.net/d/88655-content-in-lightbox/12) · einpraegsam.​net · 2009-04-07 "Page treated as external" habe ich schon probiert - aber es bisher nicht geschafft, dass das Window bleibt, wenn man auf einer internen Seite einen Link klickt (also innerhalb des Fensters). Hast du das schon probiert? CSS ist weitgehend vom Autor: ### [#13](https://www.typo3.net/d/88655-content-in-lightbox/13) · kajra · 2009-04-07 ja du hast recht bei mir geht lightbox auch immer weg... vielleicht hilft da aber no_cache oder so was ähnliches...probier mal dran mein css hat ne macke...der zeigt es nicht richtig an #angry# hat sich erledigt... CSS Konflikt gelöscht, ich hatte mehrere css dateien also auch von der standart seite eingebunden deswegen gab es konflite ### [#14](https://www.typo3.net/d/88655-content-in-lightbox/14) · kajra · 2009-04-07 wenn ich in die klasse >class="lightwindow page-options"< reinschreibe... wird es zu >class="lightwindow" title="page-options"< komisch, und wahrscheinlich liegt es auch daran...das der lightbox dann weg geht... ### [#15](https://www.typo3.net/d/88655-content-in-lightbox/15) · kajra · 2009-04-07 einprägsam hast du auch mal class="lightwindow page-options" params="lightwindow_type=inline" oder class="lightwindow page-options" params="lightwindow_type=page" probiert...ich bekomme zwar immernoch nicht das was ich will...aber vielleicht klappt es bei dir ### [#16](https://www.typo3.net/d/88655-content-in-lightbox/16) · einpraegsam.​net · 2009-04-07 > **kajra schrieb:** > > class="lightwindow page-options" params="lightwindow_type=inline" > oder > class="lightwindow page-options" params="lightwindow_type=page" Keine Chance #angry# ### [#17](https://www.typo3.net/d/88655-content-in-lightbox/17) · kajra · 2009-04-07 > **einpraegsam.net schrieb:** > > > **kajra schrieb:** > > > > class="lightwindow page-options" params="lightwindow_type=inline" > > oder > > class="lightwindow page-options" params="lightwindow_type=page" > > Keine Chance #angry# > ist es denn bei dir auch so dass. wenn du >class="lightwindow page-options"< schreibst, dass dann "page-options" zu title="" zugewiesen wird? ### [#18](https://www.typo3.net/d/88655-content-in-lightbox/18) · einpraegsam.​net · 2009-04-07 > **kajra schrieb:** > > ist es denn bei dir auch so dass. wenn du >class="lightwindow page-options"< schreibst, dass dann "page-options" zu title="" zugewiesen wird? Ja klar, wenn du ein typolink setzt, wird das Leerzeichen als Trenner verwendet. Einfach in Anführungszeichen setzen... Das löst unser (oder mein) Problem leider auch nicht... ### [#19](https://www.typo3.net/d/88655-content-in-lightbox/19) · kajra · 2009-04-07 ich habe es so... wie soll ich es anders machen? ich habs bei dir mal angeschaut... alleine ...class="lightwindow page-options"... hast du nicht stehen immer mit params... probiers doch mal alleine also ohne die params aus... ### [#20](https://www.typo3.net/d/88655-content-in-lightbox/20) · einpraegsam.​net · 2009-04-07 Bringt auch nix #angry# ### [#21](https://www.typo3.net/d/88655-content-in-lightbox/21) · kajra · 2009-04-07 KOMISCH SO SCHWER KANN ES JA NICHT SEIN... #angry# ### [#22](https://www.typo3.net/d/88655-content-in-lightbox/22) · kajra · 2009-04-08 einpraegsam.net, hast du es jetzt hinbekommen oder??? habe deine Extension im TER gesehen... ### [#23](https://www.typo3.net/d/88655-content-in-lightbox/23) · einpraegsam.​net · 2009-04-08 > **kajra schrieb:** > > einpraegsam.net, hast du es jetzt hinbekommen oder??? > habe deine Extension im TER gesehen... Nein, das ist nur die Library... ### [#24](https://www.typo3.net/d/88655-content-in-lightbox/24) · kajra · 2009-04-08 asooo... ok ich habe dem Programmiere ne mail geschrieben mal schaun ob er antwortet ### [#25](https://www.typo3.net/d/88655-content-in-lightbox/25) · steffenk · 2009-04-08 es gibt ja viele, lohnt sich mal umzuschauen ### [#26](https://www.typo3.net/d/88655-content-in-lightbox/26) · kajra · 2009-04-13 wir wollen ja eins...wo man auch im lightbox rumswitchen kann (Menu) ### [#27](https://www.typo3.net/d/88655-content-in-lightbox/27) · kajra · 2009-04-13 @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... ### [#28](https://www.typo3.net/d/88655-content-in-lightbox/28) · einpraegsam.​net · 2009-04-13 > **kajra schrieb:** > > ich kann meine eigene Seite als externe angeben... dann klappt es... Beispielcode? ### [#29](https://www.typo3.net/d/88655-content-in-lightbox/29) · kajra · 2009-04-13 ### [#30](https://www.typo3.net/d/88655-content-in-lightbox/30) · einpraegsam.​net · 2009-04-13 > **kajra schrieb:** > > Geile Sache funktioniert einwandfrei - sogar mit Formular in der Lightbox! wt_lightwindow mit powermail: ### [#31](https://www.typo3.net/d/88655-content-in-lightbox/31) · kajra · 2009-04-13 finde ich auch... voll cool...genau die die formulare werden ohne weiteres auch versendet... finde ich superrr... ### [#32](https://www.typo3.net/d/88655-content-in-lightbox/32) · kajra · 2009-04-15 @einpraegsam.net hast du mal abgecheckt dass die lightbox auch in allen Browsern funktioniert? ### [#33](https://www.typo3.net/d/88655-content-in-lightbox/33) · einpraegsam.​net · 2009-04-15 > **kajra schrieb:** > > @einpraegsam.net hast du mal abgecheckt dass die lightbox auch in allen Browsern funktioniert? Nein das habe ich noch nicht ### [#34](https://www.typo3.net/d/88655-content-in-lightbox/34) · soundstorm · 2009-04-29 Hallo zusammen Ich bin auch auf der Suche und habe folgendes gefunden: **The lightbox for content only** Hat aber anscheinend auch das gleiche Problem, dass man "aus dem Fenster geworfen" wird bei Klick . Grüsse! ### [#35](https://www.typo3.net/d/88655-content-in-lightbox/35) · einpraegsam.​net · 2009-04-29 > **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 ### [#36](https://www.typo3.net/d/88655-content-in-lightbox/36) · soundstorm · 2009-04-29 Habs gerade gesehen. Super Extension! Danke! :) ### [#37](https://www.typo3.net/d/88655-content-in-lightbox/37) · gruberli · 2009-05-14 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: ```html ``` als inhaltselement auf der seite funktioniert es, aber wie bekomme ich es in die lightbox? DANKE! ### [#38](https://www.typo3.net/d/88655-content-in-lightbox/38) · einpraegsam.​net · 2009-05-15 Wo ist das Problem? Den Code auf einer Seite einfügen und diese Seite mit der lightbox öffnen... ### [#39](https://www.typo3.net/d/88655-content-in-lightbox/39) · gruberli · 2009-05-15 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? ;) ### [#40](https://www.typo3.net/d/88655-content-in-lightbox/40) · kajra · 2009-05-23 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? ### [#41](https://www.typo3.net/d/88655-content-in-lightbox/41) · kajra · 2009-05-30 leider geht es bei mir nicht wenn ich fe_login in derlightbox habe... er springt einfach raus aus der lightbox ### [#42](https://www.typo3.net/d/88655-content-in-lightbox/42) · renzo · 2009-06-21 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. ### [#43](https://www.typo3.net/d/88655-content-in-lightbox/43) · sefoo · 2009-07-20 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: > 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: ```javascript 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. --- Quelle: „CONTENT in LIGHTBOX“, typo3.net, https://www.typo3.net/d/88655-content-in-lightbox Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.