Abend All,

ich habe gerade ein Problem, ich habe in prettyPhoto ein Formular eingebunden, alles funktioniert eigentlich alles problemlos,

nur:

wenn ich beim Formular auf "Absenden" drücke, schließt sich die IFrame bei PrettyPhoto gleich automatisch, obwohl der Formular leer ist. Wenn ich den Formular nochmal aufmache steht da der Fehler drin.
Das Problem dabei ist dass sich die iframe von prettyPhoto sich zu schnell schließt.

hier noch ein kleiner Code für die einbindung im Wordpress:

HTML-Code:

<a title="zum Antrag" href="#inline-1" rel="prettyPhoto"><img src="/images/bild.png" alt="" width="350" height="70" /></a>
<div id="inline-1" style="display: none;">
<p style="color: #555; font-weight: bold;">[contact-form-7 id="186" title="Kontaktformular 1"]</p>
</div>

Wie kann ich das so einstellen dass sich die iFrame erst später durch einen extra klick geschlossen wird?

Für eine Antwort danke ich im voraus.

Gruß Alex

Zitat von arraybreak

wenn ich beim Formular auf "Absenden" drücke, schließt sich die IFrame bei PrettyPhoto gleich automatisch

Du benutzt kein IFrame, sondern inline-content. Und das ist das Problem. Wenn du ein Formular absendest, wird die Seite neu geladen und auf der neu geladenen Seite ist der PrettyPhoto Dialog geschlossen.

Also musst du das Formular entweder via AJAX absenden oder tatsächlich in einem IFrame einbinden.

Edit: Oder den Dialog beim Laden der Seite automatisch öffnen, aber das ist nicht so schön, weil es eine kurze Verzögerung gibt.

Ehrlich gesagt kenne ich AJAX noch garnicht, kannst du vielleicht kurz beschreiben wie man das machen kann oder nen link zu so einem ähnlichen vorhaben schicken. Wäre dir sehr dankbar.

Gruß Alex

Wenn du noch nie mit AJAX gearbeitet hast, dann ist das nicht so einfach.

Da du PrettyPhoto benutzt, hast du auch jQuery auf der Seite. Das macht das ganze schon mal einfacher.

http://www.jensbits.com/2009/10/04/j...ples-with-php/
http://www.queness.com/post/160/crea...on-with-jquery
http://jquery.malsup.com/form/


Allerdings musst du auch deinen serverseitigen Code anpassen.