== Einleitung ==
Das folgende Script könnt ihr einerseits dazu verwenden mehrere Divs mit einem einzigen AJAX Request zu aktualisieren. Alle Div container können unabhängig aktualisiert werden.
Außerdem ist das Script in der Lage die Daten ständig aktuell zu halten indem es in einem bestimmten Intervall die Daten aktualisiert.
== Benutzung ==
Die Nutzung ist einfach. Unten im Downloadbereich findet ihr zum einen die Scripte die ihr einbinden müsst.
Ansonsten definiert ihr euch ein Updater wie folgt:
== Parameter ==
callback.php ist die Datei welche die Inhalte zur Verfügung stellt. 750 ist das Zeitintervall in Millisekunden zu dem die Updates geladen werden sollen.
== Updatebereiche definieren ==
Welche Container aktualisiert werden sollen macht ihr anhand der ElementID fest. Die ID des Containers und der Parameter beim update.push müssen übereinstimmen.
Eine ID muss natürlich eindeutig sein.
== Updates liefern (callback.php) ==
In der Demo Applikation sieht die callback php wie folgt aus:
statt der getRandomText müsst ihr nur eure sinnvolle Datenbankabfrage einbauen.
=== Beispiel: MySQL ===
=== Beispiel: PDO ===
== Code ==
Download
Alles anzeigen
== Steuerung ==
Ihr steuert das Verhalten mit 3 Funktionen. Zum einen könnt ihr das Update manuell erzwingen. Ihr könnt das Update aber auch über einen automatischen Updater realisieren.
Wenn ihr den automatischen Updater immer aktivieren wollt, dann startet ihr doch einfach beim Laden des Dokuments:
== Demo ==
Eine Live Demo mit allen möglichen Formularelementen findet ihr unter demo.easy-coding.de/ajax/mehre…tainer-ajax-aktualisieren. Des weiteren wird der kompletten Code hier als ZIP Archiv zur Verfügung gestellt: download.zip.
Das folgende Script könnt ihr einerseits dazu verwenden mehrere Divs mit einem einzigen AJAX Request zu aktualisieren. Alle Div container können unabhängig aktualisiert werden.
Außerdem ist das Script in der Lage die Daten ständig aktuell zu halten indem es in einem bestimmten Intervall die Daten aktualisiert.
== Benutzung ==
Die Nutzung ist einfach. Unten im Downloadbereich findet ihr zum einen die Scripte die ihr einbinden müsst.
Ansonsten definiert ihr euch ein Updater wie folgt:
== Parameter ==
callback.php ist die Datei welche die Inhalte zur Verfügung stellt. 750 ist das Zeitintervall in Millisekunden zu dem die Updates geladen werden sollen.
== Updatebereiche definieren ==
Welche Container aktualisiert werden sollen macht ihr anhand der ElementID fest. Die ID des Containers und der Parameter beim update.push müssen übereinstimmen.
Eine ID muss natürlich eindeutig sein.
== Updates liefern (callback.php) ==
In der Demo Applikation sieht die callback php wie folgt aus:
statt der getRandomText müsst ihr nur eure sinnvolle Datenbankabfrage einbauen.
=== Beispiel: MySQL ===
=== Beispiel: PDO ===
== Code ==
Download
Quellcode
- /**
- * xxx [..] by http://www.easy-coding.de
- *
- * @param url
- * @param poll
- */
- function UpdateManyDivs(url, poll) {
- this.url = url;
- this.poll = poll ? poll : 750;
- this.list = [];
- this.timer = null;
- /**
- * adds elem
- * @param id string as id
- */
- this.push = function(id) {
- this.list.push(id);
- };
- /**
- * sends single request
- * @param loop boolean
- */
- this.fire = function(loop) {
- ajaxPost(this.url + '?' +this.list.join('&'), 'seed='+ new Date().getTime(), function(up) {
- return function() {
- if (this.readyState == 4 && this.status == 200) {
- if(loop) {
- // start timer
- up.start();
- }
- var data = eval('(' + this.responseText + ')');
- for(var key in data) {
- document.getElementById(key).innerHTML = data[key];
- }
- }
- };
- }(this));
- };
- /**
- * stops auto updater
- */
- this.stop = function() {
- window.clearTimeout(this.timer);
- };
- /**
- * starts auto updater
- */
- this.start = function() {
- this.timer = window.setTimeout(function(up) {
- return function() {
- up.fire(true);
- };
- }(this), this.poll);
- };
- }
== Steuerung ==
Ihr steuert das Verhalten mit 3 Funktionen. Zum einen könnt ihr das Update manuell erzwingen. Ihr könnt das Update aber auch über einen automatischen Updater realisieren.
Wenn ihr den automatischen Updater immer aktivieren wollt, dann startet ihr doch einfach beim Laden des Dokuments:
== Demo ==
Eine Live Demo mit allen möglichen Formularelementen findet ihr unter demo.easy-coding.de/ajax/mehre…tainer-ajax-aktualisieren. Des weiteren wird der kompletten Code hier als ZIP Archiv zur Verfügung gestellt: download.zip.
17.694 mal gelesen
Torben Brodt -
Naja, mit while geht das so:
[syntax="php"]function getTextMYSQL($identfier) {
$sql = "SELECT * FROM mitglieder ORDER BY userid DESC LIMIT 0,2";
$res = mysql_query($sql);
$text = "";
while($row = mysql_fetch_array($res)) {
$text .= '<a href="'.$row['userid'].'">'.$row['username'].'</a>';
}
return $text;
}[/syntax]