![[HaBo]](/styles/default/logoklein.png){kind=small}
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:
Das Script
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
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