[HaBo]

selig · 11.03.11, 01:40

Guten Morgen an alle,
ich würde gerne einen chat schreiben, nun hab ich das problem das ich das ganze zwar hinbekomme, ohne das die seite neu geladen werden muss! Das klappt soweit auch ganz gut, nur wenn ich den Div Container neuladen lassen will, in dem sich das formular befindet, dann wird die ganze homepage nochmals in einem div-container angezeigt.

Mein Code:

Die Seite:

Code:

<!DOCTYPE html>
<html>
<head>
 
    <title>JQuery Form</title>
    <meta charset="UTF-8">
 
    <!-- css-datei -->
    <link rel="stylesheet" href="style.css" />
 
    <!-- jquery online einbinden -->
    <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
 
    <!-- eigener js/jquery-code -->
    <script src="send.js"></script>
 
</head>
<body>

 <div id="myContainer" >
 
        <div id="myFormDiv">
            <form action="" id="myForm" method="post">
 
                <input type="text" id="name" name="name" />
                <br />
                <input type="text" id="email" name="email" />
                <br />
                <input type="submit" value="Senden" />
 
            </form>
 </div>
</div>
</body>
</html>

Das Script

Code:

/* ausführen, wenn html-seite geladen wurde */
$(document).ready(function()
{
    /* sendung formular abfangen */
    $("#myForm").submit(function() {
 
        /* ajax objekt zum aufruf & versand an das skript
        'name' und 'email' sind in der data-zeile die variablen für das php-skript */
        $.ajax({
            type: "POST",
            url: "send.php",
            data: "name=" + $("#name").val() + "&email=" + $("#email").val(),
            success: function(msg)
            {
                /* form-div verstecken, seite nachladen & wieder einblenden (2000 ms) */
                 $("#myContainer").hide().load('#myFormDiv').fadeIn(2000);
            }
        });
 
        /* wichtig!
        sonst schickt der browser das formular ab und
        und ruft die seite auf die bei action="" hinterlegt wurde.
        dann verlässt er nämlich die bisherige seite... */
        return false;
 
    });
 
});

Bin ziemlich ratlos, weil ich mich erstens damit so gut wie nicht auskenne, blutigster anfänger...

Würde mich freuen wenn mir jemand entweder hierfür eine Lösung hätte oder eine komplett andere Lösung hätte, mit der ich Mein Formular an eine php datei übergeben kann, ohne das die Seite neugeladen werden muss, und das Formular noch den inhalt vom letzten submit beinhaltet...

Vielen Dank im Vorraus

grüße selig

selig · 11.03.11, 11:43

Damit ihr euch besser vorstellen könnt was nicht pass, hier das Beispiel! http://www.usa2007.de/scripts/seite.php

Anzeige

- Anzeige -

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

11.03.11, 11:43	#2 (permalink)
selig Themenstarter Registriert seit: 27.10.09 Likes: 0	Damit ihr euch besser vorstellen könnt was nicht pass, hier das Beispiel! http://www.usa2007.de/scripts/seite.php

[HaBo]

Formular via JQuery [ajax] an php datei senden