Thema: Form submit in Modal-Box

<form ... onSubmit="return someFunc(this);" || mootools addEvent

PHP-Code:

JHTML::_('script', 'modal.js');
JHTML::_('stylesheet', 'modal.css');

...
SqueezeBox.fromElement(element);
... 


@ see media\system\js\modal.js (handler)
@ compare std joomla mootools 1.1.x <=> mootools upgrade 1.2.x handling

?!?!?
Also im moment Kreisen bei mir nur ? um den Kopf....
Viell. sollt ich noch dazu sagen, dass die Tabelle mit dem Form ein Beitrag ist.

Zitat von Hagen_Fenris

?!?!?
Also im moment Kreisen bei mir nur ? um den Kopf....
Viell. sollt ich noch dazu sagen, dass die Tabelle mit dem Form ein Beitrag ist.

Vorausgesetzt ich habe dich richtig verstanden, möchtest du das Ergebnis oder die Auswertung einer Formulareingabe in einer Lightbox öffnen. Ist dem so?

Dafür musst du entweder an dem Formular Event "onSubmit" anknüpfen, oder über JavaScript (beispielsweise Mootools) das Formular bzw. den "Absenden" Knopf ansprechen. Anschließend die Werte aus dem Formular auslesen und die Lighbox mit entsprechendem Handler (Optionen der Lightbox) die gewünschte Adresse oder ein Dom Element aufrufen. (+ Übergabe der Werte aus dem Formular)

Im unteren Teil meiner Antwort wollte ich auf die Dokumentation (Quellcode) der Joomla! Modalbox hinweisen und abschließend anregen sich die Unterschiede der Modalboxen in Abhängigkeit mit der verwendeten Mootools Version und dessen Optionen anzusehen.

Ähnlich wäre die Vorgehensweise, wenn das Formular selbst in einer Lightbox geöffnet werden soll.

After all, just my theory.

Genau,
wenn das Formular ausgefüllt und über den Senden-Button abgeschickt wird, soll sich die Webseite, die daurch geöffnet wird, in einer Modalbox öffnen.
Über onSubmit hab ich das ganze auch schon probiert.
Aber irgendwie funktioniert das bei mir eben nicht.

Ich such mal meine onSubmit-Variante nochmal raus.
Viell. is ja da nur ein Denkfehler drin.

PHP-Code:

onsumbmit="class='modal' rel='{handler: 'onlineshop', 
size: {x: 800, y: 600}, overlayOpacity: 0.7, 
classWindow: 'phocadownloadpreviewwindow', 
classOverlay: 'phocadownloadpreviewoverlay'}'"> 


Die alleinige Übergabe von class/rel -Attributen, wie sie von der JavaScript Modalbox erwartet werden, lösen keine Aktion aus.

onSubmit="" erwartet ausführbaren Code, respektive eine Funktion.
Du benötigst also eine Funktion welche die Abarbeitung des eigentlichen Formulars verhindert. Sonst wird das Formular normal abgeschickt. Anschließend müssen die Werte abgefragt und aufbereitet werden. Ich glaube nicht dass du direkt mit den Standard-Settings der Modalbox arbeiten kannst, darum habe ich die Quelldatei genannt um zu sehen welche Optionen "per Hand" gesetzt werden müssten.

Eine Vorgehensweise wie hier beschrieben wird meiner Meinung nach nicht funktionieren. Vielleicht kennt jemand einen alternativen, besseren Weg. Bis dahin scheint mir ein manueller Aufruf über:

Code:

JHTML::_('script', 'modal.js');
JHTML::_('stylesheet', 'modal.css');

...
SqueezeBox.fromElement(element);
...

... nicht falsch zu sein, vorausgesetzt die nötigen Grundkenntnisse sind vorhanden.

Versuch doch erst einmal innerhalb einer Funktion das Submit Event abzufangen und für dich die Werte aus dem Formular zu ziehen. Die Firebug Console hilft beim Debuggen und erspart lästiges ausgeben über alert(); (console.log(el.property);

... und nun?

Nun muss ich mich da mal erst einlesen.....
Wie das mit dem abfangen etc. funktioniert.

Wo die Werte stehen und die Felder heißen weiß ich ja bereits.
Dann per onsubmit das Skript angeben, welches ausgeführt werden soll.
z.B. onsubmit="return online();">

Nur kann man leider das Skript nicht mit in den Beitrag packen.
Muss das zwingend in die index.php?