login formular in lightbox

[Iblass]

moin

ich möchte gerne das login formular in einer lightbox dargestellt haben - das funktioniert alles auch schon prima.
mein problem: ich krieg die lightbox nach erfolgreichem login nicht geschlossen.
er leitet dann innerhalb der lightbox weiter. wie kann ich realisieren, dass die weiterleitung nicht in der lightbox, sondern auf der eigentlichen seite von statten geht?

[Psi]

Stellt dir die Mediabox den Login in einem IFRAME dar? Wahrscheinlich!
Dafür würde ich wohl ein Javascript schreiben

parent.document.location.href = "neueseite.html";
oder
parent.Mediabox.close();

[Iblass]

gut damit krieg ich die lightbox schon mal geschlossen...
aber ich muss ja vorher noch das formular abschicken. und wenn die daten falsch sind, dann soll die lightbox nicht geschlossen werden.

[Psi]

Der Javascript-Code kommt auf die Weiterleitungsseite bei erfolgreichem Login.

[Iblass]

ahso xD
auf den trick bin ich gar nicht gekommen. funktioniert... danke!

ne idee wie man das umsetzen kann, dass er die box schließt und nicht zu einer festen seite weiterleitet, sondern, nachdem er die box geschlossen hat, die seite refresht?

[Psi]

hmm da müsstest du irgendwie rausfinden wann der login richtig war
das geht sicherlich, weiß aber gerade nicht wie

und wenn das der fall ist, fürhst du den JS code aus

parent.document.location.href = "neueseite.html";
UND
parent.Mediabox.close();

[Iblass]

naja also ich hab ja im modul ne weiterleitungsseite angegeben
auf der führe ich dann
parent.Mediabox.close();
und
parent.document.location.href = "neueseite.html";
aus.
kann man statt
parent.document.location.href = "neueseite.html";
nicht die seite refreshen?
Habs schon mit
location.reload(true);
versucht, funktioniert aber nicht.

[Psi]

Na aber sicher:

parent.window.location.reload();

oder

parent.window.location.href=parent.window.location .href;

[Iblass]

ja jetzt funktioniert alles so wie es soll

danke!!

[Psi]

Macht dann 2,50

[Iblass]

ja xD

[martin.mildner]

Hallo Iblass & Psi,

klingt super!!! ich denke, das wollten schon ein paar hier im forum haben ;-)
wäre es möglich, dass ihr uns die lösung irgendwie zur verfügung stellt?

wäre natürlich spitze!
danke und schönen sonntag noch...
mmm

[andreasisaak]

Ich würde auch eine etwas detailliertere Lösungsbeschreibung begrüßen
Wahrscheinlich werde ich in einigen Tagen auf das selbe Problem stoßen und frage mich wie genau das JS eingesetzt wurde.

[planepix]

Hallo zusammen,

ich habe eine Anleitung ergänzend zum Workshop am 3. TYPOlight-Usertreffen veröffentlicht.
Mein Dank geht an Andreas Schempp und Christoph Wiechert.

[Psi]

Ich arbeite derzeit an einer Native-Unterstützung für die Lightbox4ward. Hier wird man dann als Typ "Modul" auswählen können.

Leider fehlt mir noch die zündende Idee das ganze nicht modulspezifisch Umzusetzen.
Login funktioniert schon zum Teil, aber es sollten auch andere Module und/oder Formulare unterstützt werden.

[planepix]

Super Christoph!

[xchs]

Hallo zusammen,

ich habe eine Anleitung ergänzend zum Workshop am 3. TYPOlight-Usertreffen veröffentlicht.
Mein Dank geht an Andreas Schempp und Christoph Wiechert.

Man müsste das allerdings irgendwie so machen, dass der Link zum Login auch wirklich normal mit der linken Mouse-Taste angeklickt wird. Öffnet man stattdessen diesen Link in einem neuen Browser-Tab, dann geht's (natürlich) nicht mehr...

[planepix]

Hallo xchs,

ja das irgendwie würde mich auch interessieren
Direkt verlinkt sieht es aus wie bei deaktiviertem Javascript - optisch bisschen mager

[xchs]

Hallo xchs,

ja das irgendwie würde mich auch interessieren
Direkt verlinkt sieht es aus wie bei deaktiviertem Javascript - optisch bisschen mager

Ich denke, es würde vielleicht schon reichen, wenn sich dieser Login-Link entweder in einem Menü befindet oder irgendwie mit einem grafischen Button realisiert wird. Dann würde man nicht so leicht in Verlegenheit kommen, diesen Link in einem neuen Tab zu öffnen (was sonst so meine Gewohnheit ist )
Das Problem mit der direkten Verlinkung bleibt aber nach wie vor bestehen...

[planepix]

Ja stimmt. Vorallem bleibt es benutztbar wenn gleich auch nicht ganz so elegant.
Und STRG und Klick auf Link führt bei Textlink oder Grafiklink auch zum jetzigen Ergebnis

Ergo: Fertig ist man nie

[Psi]

Man könnte einen span-tag nutzen, diesen den onclick-Event zum Mediabox öffnen beibringen und per CSS wie einen normalen Link formatieren.

Dann sollte auch ein "Strg-Klick" die Mediabox öffnen.

[StephanP]

Guten Abend!

Versuche gerade dem Tuturial vom Usertreffen zu folgen um die Loginfelder in einer Lightbox darzustellen. (ich beziehe mich hierbei auf den Link: http://www.tl-usertreffen.weitzeldes...are-login.html)

Leider sind mir einige Dinge unklar:

Bei der Seitenstruktur werden die drei Loginseiten angelegt, wie wird da jetzt weitergeleitet? der Satz ..."die hier als tatsächliche Weiterleitungsseite verwendet wird." verwirrt mich. Wird dabei von der Login-erfolgreich.html auf die login-erfolgreich-erfolg.html Seite weitergeleitet?

Wenn ich einen Link mit der Lightbox-Eigenschaft auf die Loginseite (wo das Modul integriert ist) aufrufe, erhalte ich nur eine nicht aufhörend zu ladende weiße Seite. Es erscheint derLadekreis der Lightbox.

Vielleicht kann mir da einer von Euch auf die Sprünge helfen :-).

[planepix]

Leider sind mir einige Dinge unklar:

Bei der Seitenstruktur werden die drei Loginseiten angelegt, wie wird da jetzt weitergeleitet? der Satz ..."die hier als tatsächliche Weiterleitungsseite verwendet wird." verwirrt mich. Wird dabei von der Login-erfolgreich.html auf die login-erfolgreich-erfolg.html Seite weitergeleitet?

Hallo Stephan, ich versuchs
In der Seite Login wird das Login-Modul platziert; die Weiterleitungsseite im Login-Modul ist die Seite Login erfolgreich. In dieser Seite die Javascriptdatei platzieren und in dieser die Weiterleitung auf die Seite Login erfolgreich - Erfolg angeben.

Vielleicht kann mir da einer von Euch auf die Sprünge helfen :-).

Hoffe ich jetzt...?

[StephanP]

Hallo Stephan, ich versuchs
In der Seite Login wird das Login-Modul platziert; die Weiterleitungsseite im Login-Modul ist die Seite Login erfolgreich. In dieser Seite die Javascriptdatei platzieren und in dieser die Weiterleitung auf die Seite Login erfolgreich - Erfolg angeben.



Hoffe ich jetzt...?

Hallo Planepix, das ist nun wesentlich besser zu verstehen :-). Leider klappt das mit der Lightbox immer noch nicht:

Der Ladebalken der Lightbox erscheint - aber es wird kein Inhalt dargestellt, sprich die Seite mit dem Loginformular oeffnet sich nicht.
Rufe ich die Seite manuell auf, so erscheint das Loginformular - und leitet nach erfolgreichem Login auch weiter.

Wenn ich ein Bild mit dem Attribut "rel=lightbox" verlinke, dann läuft die Lightbox. Daher schliesse ich einen Fehler in Einbindung der moo-tools 'eigentlich' aus.

Vielleicht noch eine Idee?

Edit: Problem erkannt, Problem gebannt! - Es lag an der Einbindung eines anderen .js, welcher die Lightbox störte. Nun läufts! Danke nochmals!

[Thomas]

Ich habe noch einen Tip!

Wenn man die lightbox erst nach einer bestimmten Zeit schließen möchte, kann man folgendes Javascript verwenden:

<script type="text/javascript">
<!--//--><![CDATA[//><!--
function Weiterleitung()
{
window.addEvent('domready',function(){
parent.document.location.href = "adresse.html";
});
}

window.setTimeout("Weiterleitung()", 5000); // 1000 Milisekunden = 1 Sekunde
//--><!]]>
</script>

[felix123]

Hallo Leute, spannendes Thema und sehr klares Tutorial. vielen Dank dafür. Eine Frage habe ich allerdings noch, wenn ich meinem Backend-User noch die Möglichkeit offen lassen will, bei der Einstellung zu "mitgliedergruppe" eine individuelle Weiterleitungs-Seite einzustellen... Wie kann ich das realisieren? Wenn man dort eine Seite einstellt wird, man ja innerhalb der MEdiabox weitergeleitet...

[OneChance]

ich habe eine Anleitung ergänzend zum Workshop am 3. TYPOlight-Usertreffen veröffentlicht.

Hallo Planepix,
nach dieser Anleitung von Dir habe ich versucht mein Login in die Mediabox zu bekommen. Drinnen habe ich sie schon aber die Box schließt sich nicht sondern bleibt danach einfach leer. Nach dem Händischen schließen muss ich dann auch noch einen Refresh machen damit die Seiten mich als eingeloggt erkennen.
Könntest Du mir dabei oder ein anderer hier im Forum helfen?

Dann habe ich noch zwei Seitenlinks darunter eingefügt die aber auch in der Box weiterleiten. Kann mann diese auch ohne Mediabox auf der Seite weiterleiten?
Zur veranschaulichung hier mal ein Screene!
Mediabox.png

Hoffe ihr könnt mir Helfen, blicke gar nicht mehr durch!

[OneChance]

Hallo Leute,
ich schnall es nicht mehr.
Nun habe ich den Script in eine .tpl Datei gepackt um diese direkt in Contao bearbeiten zu können. Natürlich habe ich den Insert-Tag angelichen.
Aber ich kriege dies Box einfach nicht geschlossen.
Mein Code sieht derzeit so aus:

<script type="text/javascript">
<!--//--><![CDATA[//><!--
funktion Weiterleitung()
{
window.addEvent('domready',function(){
parent.document.location.&#8206;href = "‎login-erfolgreich-erfolg.‎html";
parent.Mediabox.close(); 
parent.window.location.reload();
});
}
//--><!]]>
</script> 

Bei dieser Script Programmierung habe ich natürlich derzeit gar keine Ahnung und daher mache ich wahrscheinlich was falsch.
Aber glaubt ihr ich würde draufkommen.
Mann wie kann so ein kleines Problem solche Kopfschmerzen bereiten.
Hoffe ihr könnt mir Helfen.

[OneChance]

So Leute,
nun bin ich zum nächsten Problem gekommen. Wenn das Login nur über die Box geht ist jeder der Javascript blogt oder ein iPad hat draussen.
Da ich mir nicht Arbeit machen möchte (zu wenig wissen) das ganze auch für diese Apparate einzustellen werde ich das ganze doch ohne dem ganzen machen.
Wäre schön gewesen ist aber nicht unbedingt notwendig.
Ausserdem will ich endlich fertig werden.

[eg@hezinger.de]

Edit: Problem erkannt, Problem gebannt! - Es lag an der Einbindung eines anderen .js, welcher die Lightbox störte. Nun läufts! Danke nochmals!

Hallo,

verstehe ich nicht... wo finde ich denn diese .js? Habe genau das gleiche Problem mit den Formularen in Lightboxen... Lädt und lädt, aber nix öffnet sich... bin da absolut unbewandert, hab mir das alles nach dem Motto "Do it yourself" angeeignet... bin "nur" Industriekauffrau

[ipunkt]

Also ich komme hier auch nicht weiter und brauche bitte dringend Hilfe. Ich beziehe mich hier nochmal auf folgende Anleitung

Die Box öffnet sich zwar, Formular wird auch angezeigt aber nach dem Login wird nur die Ausgangsseite angezeigt... und dann auch noch in der Lightbox.

Ich verstehe auch nicht, wo genau ich den Insert-Tag

{‎{‎‎file:‎:Dateiname.php‎‎}‎}

setzen soll?!

Hier meine Testseite: http://www.mach.de/veranstaltungen-1086.html Mit Klick auf Modernisierung öffnet sich die Box; einloggen mit test und testtest

[maCo]

Hallo,
gibt es mittlerweile eine lauffähige Lösung unter Contao 2.11 /HTML5 ? Ich komme mit dem Tutorial auch nicht zum Erfolg. Ich benötige ein Kontaktformular in der Lightbox, welches bei falschem Ausfüllen nicht direkt wieder zugeht. erst beim Versenden. Hat jemand eine Idee?

Danke,
Martin

[tomsky]

Hallo,

wo haperts denn?

[maCo]

Hallo,

naja, ich schaff es nicht das Formular in der Mediabox oder Lightbox4ward so lange offen zu halten bis die Eingabe korrekt und überprüft ist. Sobald man den submit Button betätigt. ist die Lightbox mit dem Formular weg. Nach dem o.a. Tutorial habe ich auch gearbeitet, ohne Erfolg. (Contao 2.11.6, HTML5)

martin

[Bennie]

Ich habe alles prima hinbekommen nach der hier erwähnten Anleitung.

Wenn ich allerdings diese Zeile (die hier im Thread zusätzlich eingefügt wurde) hinzufüge

parent.Mediabox.close();

führt das zu einem JS Fehler im Internet Explorer - auch im IE10.
der gesamte Code sieht dann eben so aus

<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready',function(){
‎parent.document.location.‎href = "‎login-erfolgreich-erfolg.‎html";
parent.Mediabox.close(); 
});
//--><!]]>
</script>

Woran liegt das bitte?

Liebe Grüße
Bennie

[cgpro]

hier auch noch ne version, grad getestet von ie8-10 und alles was am mac so browsermäßig hergeht. einfach als inhaltselement auf die loginerfolgreich seite. hatte mit den o.g. scripts keinen erfolg in chrome auf osx. ständig illegal token in der console.

<script>

window.parent.location.reload(false);
parent.Mediabox.close();

</script>

[Tilo190]

Ich habe mir dies alles schon zu Gemüte geführt, aber...

In meiner Lightbox ist es nichtmal möglich einen Seiteninhalt wiederzugeben.
Was dann natürlich alles Weitere ausschliesst.

Wie ich das verstanden habe, müsste doch die Lightbox zumindest einen Inhalt anzeigen, dies ist bei mir aber leider nicht der Fall.

Grüße

Tilo

[electricarts]

hier auch noch ne version, grad getestet von ie8-10 und alles was am mac so browsermäßig hergeht. einfach als inhaltselement auf die loginerfolgreich seite. hatte mit den o.g. scripts keinen erfolg in chrome auf osx. ständig illegal token in der console.

<script>

window.parent.location.reload(false);
parent.Mediabox.close();

</script>

Und wo setze ich hier die Ziel-URL (login-erfolgreich-erfolg.‎html) ein? Die Lightbox geht nach Anmeldung zu, der Fehler in der Chrome Console ist weg, aber es erfolgt keine Weiterleitung zur Ziel-URL.


Viele Grüße


Mario

[Steffen Keil]

Hallo,

habe das Ganze, was beschrieben wurde, mal angewendet. Funktioniert super, nur... bei der Weiterleitung im IE (und nur hier) kommt Seitenladefehler, da in der Adresszeile zweimal das index.php steht....

Also z.B. "www.xyz.de/index.php/index.php/zielseite.html"...

Aber wie gesagt nur im Internetexplorer...

Hat jemand eine Lösung für mich? Danke.

Grüße
Steffen