| | | | |
| |||||||
| JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene |
|
| | LinkBack | Themen-Optionen | Thema bewerten |
| | |
| Neuer Benutzer Registriert seit: 05.05.2008
Beiträge: 19
![]() | Hallo, Ich habe heute angefangen mich sowohl mit Javascript als auch speziell mit AJAX auseinanderzusetzen Zum experimentieren wollte ich die "Shoutbox als AJAX-Anwendung" von devblog.de umwandeln zu einem kleinen Kontaktbuch. Die Javascript-Datei des Scripts sieht wie folgt aus: Code: // Quelle: http://www.devblog.de
// "Shoutbox als AJAX-Anwendung"
// Code darf frei verwendet werden
// globale Instanz von XMLHttpRequest
var xmlHttp = false;
// XMLHttpRequest-Instanz erstellen
// ... für Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
xmlHttp = false;
}
}
// ... für Mozilla, Opera und Safari
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
// aktuelle Daten laden
loadData();
// alle 5 Sekunden neue Daten holen
setInterval("loadData()",5000);
function loadData()
{
if (xmlHttp) {
xmlHttp.open('GET', 'getdata.php', true);
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4) {
document.getElementById("asb_content").innerHTML = xmlHttp.responseText;
}
};
xmlHttp.send(null);
}
}
function saveData()
{
if (xmlHttp) {
xmlHttp.open('POST', 'setdata.php');
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.send('name='+document.frmshoutbox.txtname.value+'&message='+document.frmshoutbox.txtmessage.value);
}
// Message-Eingabefelder leeren und Focus setzen
document.frmshoutbox.txtmessage.value = '';
document.frmshoutbox.txtmessage.focus();
}
Code: setInterval("loadData()",5000);
Der Aufruf der Funktionen erfolgt im Original Script wie folgt: Code: <form action="" name="frmshoutbox" onsubmit="saveData(); return false;"> Code: <form action="" name="frmshoutbox" onsubmit="saveData(); setTimeout('loadData()',3000); return false;">
Doch nun wird garnix nachgeladen! Hat jemand einen Lösungsvorschlag? lg Flo
__________________ "Je größer die Insel des Wissens, desto länger die Küste der Verzweiflung!" |
| | |
| | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Anwendungsentwickler (Schwerpunkt AJAX) in Hamburg | WPM | Beitragsarchiv | 0 | 24.04.2008 16:01 |
| AJAX auf entfernte Datei | GSJLink | HTML, Usability und Barrierefreiheit | 5 | 02.03.2008 11:29 |
| Ajax Chat Ansatz | notyyy | PHP Tipps 2008 | 3 | 02.01.2008 23:47 |
| AJAX: Session-Inhalt an PHP | Curanai | HTML, Usability und Barrierefreiheit | 2 | 05.11.2007 15:45 |
| AJAX open mit POST und GET | DonTermi | HTML, Usability und Barrierefreiheit | 5 | 04.10.2007 18:22 |
| Fileupload via AJAX | GSJLink | HTML, Usability und Barrierefreiheit | 11 | 07.09.2007 15:44 |
| Javascript in Ajax responseText funktioniert nicht | Plague | PHP Tipps 2007 | 6 | 03.07.2007 21:08 |
| Ajax bild.php aktualisieren | M3g4Star | HTML, Usability und Barrierefreiheit | 3 | 09.03.2007 17:14 |
| CSS Nachladen | [-UFO-]Melkor | HTML, Usability und Barrierefreiheit | 4 | 04.03.2007 19:24 |
| 2 Fragen zu AJAX | Freeaak | HTML, Usability und Barrierefreiheit | 11 | 22.02.2007 18:29 |
| Ajax und Sonderzeichen? | GSJLink | HTML, Usability und Barrierefreiheit | 1 | 11.11.2006 14:36 |
| AJAX: Newsflash: How to? | SvenLittkowski | HTML, Usability und Barrierefreiheit | 11 | 26.09.2006 23:14 |
| ajax / popup problem | flflfl | HTML, Usability und Barrierefreiheit | 11 | 11.06.2006 20:05 |
| Ajax Formular | Chrischnian | HTML, Usability und Barrierefreiheit | 8 | 29.05.2006 17:58 |
| php + ajax | notyyy | PHP Tipps 2006 | 27 | 14.05.2006 14:58 |