Formular abschicken innerhalb DIV Container

[nordi]

Hallo, ich weiß nicht genau, ob das hier der passende Thread ist - wenn nicht bitte ich den Moderator es zu verschieben. Ich habe folgendes Problem: Ich lasse einen DIV-Container via Javascript onlick anzeigen/einfaden. Innerhalb dieses DIV-Container befindet sich ein normales E-Mail Kontaktformular. Wenn ich jedoch das Formular abschicke, wird wieder ganz normal die Hauptseite aufgerufen ohne, dass der DIV-Container angezeigt wird. Wie kann ich dem Formular sagen, dass er innerhalb des DIV Containers bleibt und dort die Bestätigung ausgibt, dass die Email abgeschickt wurde.

Hier ein paar Codebeispiele, damit ihr einigermaßen wisst, wie die Seite ausschaut:

//JS Funktion (Head-Bereich) zum Aufruf des DIV-Containers
$.fade = function(query)
{
if ($(query).css('display') == 'block') {
$(query).fadeOut(100);
} else {
$(query).fadeIn(400);
}
} 

// Link, der Email-DIV-Container aufruft
<a href="javascript:$.fade('div.email')">Email</a>

//Email Formular
<form id="login_form" method="post" action="index.php">
// formularkram
</form>

 

[Quaese]

Hi,

es kommt darauf an, was du genau vor hast:

1. Wenn das Formular abeschickt wird, wird die aktuelle Seite verlassen, das Mailscript abgearbeitet und anschliessend wieder auf die Ausgangsseite zurück gegangen?

In einem solchen Fall könntest du nach dem Versand der E-Mail die Ausgangsseite mit einem Parameter in der URL aufrufen, der anzeigt, ob das DIV geöffnet sein soll und welchen Inhalt es enthalten soll. Für diese Variante würde ich es mit Hilfe von PHP lösen.


2. Wenn das Formular abgesendet wird, soll die Seite nicht neu geladen werden. Ist die Mail versendet worden, soll der Inhalt des DIVs geändert werden und eine Statusmeldung ausgeben.

In diesem Fall empfehle ich den Einsatz von Ajax. jQuery bietet hierfür bereits die notwendigen Methoden an (z.B. $.post, $.get).


Ciao
Quaese