Laufschrift ohne Refresh aktuallisieren?!

[Marco]

Hallo liebe Forum-Besucher

Ich habe eine kleine Frage und zwar habe ich Daten in einer Datenbank welche ich nun über eine Laufschrift anzeigen möchte.

Nun ändert der Text in der Datenbank ab und zu. Was ich nun möchte
ist, dass man die Seite dann nicht mit F5 neu laden muss, sondern das
der neue Text gleich angezeigt wird.

Es geht um eine Laufschrift, welche von unten nach oben läuft (vertikal) und sobald neuer Text dazu kommt, soll es dieser ohne Refresh anzeigt werden.

Geht das überhaupt?

Freue mich auf Eure Antworten.

Marco

[Don P]

Hallo,

Es geht um eine Laufschrift, welche von unten nach oben läuft (vertikal) und sobald neuer Text dazu kommt, soll es dieser ohne Refresh anzeigt werden.

Geht das überhaupt?

Ja, mit AJAX (nicht das Putzmittel). Eine JavaScript-Funktion könnte in regelmäßigen Abständen die Daten neu vom Server holen, ohne die ganze Seite neu zu laden.

Gruß, Don P

[Marco]

Hallo Don P

Danke für Deine prompte Antwort. Die Wohnung ist jetzt blitz blank mit AJAX geputzt :-) Aber leider noch nichts gefunden bei Google was mir etwas weiterhilft.

Hast Du mir evt. ein kleines Script zur Hilfe.

Danke für Deine Bemühungen.

Marco

[Don P]

Hallo,

Ich hab dir doch einen Link gesetzt. Dort ist ein AJAX-Kurs für Anfänger. Einfach immer auf "Next" klicken, um zum nächsten Schritt zu kommen. Falls du aber kein englisch kannst, weiß ich auch nichts anderes, sorry :(

Gruß, Don P

[Steel]

Hiho!
Also wenn ich einfach nur Ajax bei google eingebe, dann bekomme ich da Tutorials bis zum abwinken...

Hier ne Funktion die die in url angegebene Adresse aufruft und anhand des Parameters option die Funktion aufruft, die das Ergebnis verarbeiten soll.

[code lang=javascript]
function getData(url, option)
{

if (window.ActiveXObject)
 {
  try
  {
   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch (e)
  {
   try
   {
    xmlHttp= new ActiveXObject ("Microsoft.XMLHTTP");
   }
   catch (e) {}
  }
 }
 else if (window.XMLHttpRequest)
 {
  try
  {
   xmlHttp= new XMLHttpRequest();
  }
  catch (e) {}
 }

if (xmlHttp)
 {
  xmlHttp.open('GET',url, true);

switch (option)
  {
   case "login":
    xmlHttp.onreadystatechange = provideLoginData;
    break;
   case "save":
    xmlHttp.onreadystatechange = printData;
    break;
   default:
    xmlHttp.onreadystatechange = provideLoginData;
    break;
  }

xmlHttp.send(null);

}

return false;

} // end function getData()
[code]

Und hier ist eine Funktion die aufgerufen wird. Sie schreibt die Ausgabe des aufgerufenen scripts in das Element mit der ID 'content'.

[code lang=javascript]
function printData()
{
 var ausgabe="";
 if(xmlHttp.readyState == 4)
 {
  ausgabe= xmlHttp.responseText;
  document.getElementById('content').innerHTML=ausgabe;
 }
} // end function saveData()
[code]