<!DOCTYPE html>
<html>
<head>
<style>
body{ font-size: 12px; font-family: Arial; }
</style>
</head>
<body onLoad="doTimer()">
<b>Chat:</b>
<ol style="border:solid; border-color:#000000; border-width:1px;" id="new-nav"></ol>
<script>
$(document).ready(function() {
//click event f�r submit button
$('#submit').click(function () {
//Daten von den HTML Feldern in JS-Vars �bersetzen
var txtEingabe = $('input[txtEingabe=txtEingabe]');
//die Daten sollen per GET an das PHP Skript weitergeleitet werden. Daf�r bauen wir einen
//String
var data = 'txtEingabe=' + txtEingabe.val();
//Request abschicken
$.ajax({
//Ort des Skriptes in dem die per GET �bertragenen Daten verarbeitet werden sollen
url: "test.php",
//Angabe der GET Methode, auch POST w�re m�glich. Allerdings nur sinnvoll
//bei gr��eren Datenmengen
type: "POST",
//Daten die gesendet werden sollen
data: data,
success: function (reqCode) {
//wenn saveData.php true bzw. den Status 1 zur�ckliefert
if (reqCode==1) {
alert('alles super');
//wenn der Request eine Form von false zur�ckschickt, Fehler ausgeben.
} else{
alert('Fehler beim Abschicken des Formulares.');
}
}
});
return false;
//der return wird ben�tigt, damit das Formular nicht tats�chlich abgeschickt wird und
//sich nicht wie ein normales Form mit Seiten Refresh verh�lt.
});
});
setInterval("doTimer()", 500);
function doTimer(){
$("#new-nav").ajaxStart(function(){
});
$('#new-nav').load('chat.txt');
}
</script>
<form method="post">
<input type="text" name="txtEingabe" >
<input type="submit" style="display:none;" id="submit" />
</form>
</body>
</html>
...,
Zitat geschrieben von loW