Refresh-Counter mit Php und Javascript?

A

adori

Grünschnabel
Hallo Leute,

ich hab folgendes Problem: Auf einer Webseite sollen sich Leute für Veranstaltungen anmelden. Dies erfolgt über Php und MySQL. Nun ist jede Veranstaltung auf eine bestimmte Teilnehmeranzahl begrenzt. Die aktuellen Restplätze werden auch aus der DB ausgelesen. Nun würde ich aber auf der Seite gerne einen Live-counter integrieren, der die aktuelle Plätzezahl refresht, ohne die ganze Seite zu aktualisieren. Dabei wollte ich auf frames verzichten, da die Seite über CSS gelayoutet wird und die einzelnen elemente in <div>-Argumenten stehen. Meines Erachtens lässt sich dies am besten über Javascript realisieren, oder? Leider bin ich nun ich Javascript nicht besonders firm. Habt ihr da vielleicht ne Idee? Wär echt supi.

Viele Grüße,

adori
 
Hi, willkommen im Forum.

JavaScript wird da wohl die einzige Moeglichkeit sein.
Mit PHP kannst Du ja bekanntlich clientseitig nichts anstellen und ein Meta-Refresh laedt gleich die ganze Seite neu.
Das Zauberwort in diesem Fall wird also AJAX sein. In bestimmten Abstaenden (z.B. einmal die Minute) holst Du per JavaScript neue Informationen vom Server und ersetzt dann die vorherige Ausgabe im entsprechenden Feld.
 
Hi Dennis,

dass ging ja fix. Vielen Dank. Genauso seh ich die Sache auch. Allerdings hab ich halt bisher immer auf den Einsatz von Javascript verzichtet und bin daher da nicht ganz so firm drin. Hast du vielleicht nen Codebeispiel oder ne Seite, wo ich das nachlesen kann, ohne erst das ganze Javascript-Zeugs durchrödeln zu müssen?

Danke dir,

adori
 
Ich hab auf der Arbeit mal was in der Richtung gemacht. Ich werd mal schauen ob ich mir das heimgemailt hab oder ob der Server laeuft.
 
So spontan kann ich Dir jetzt erstmal nicht mit Code helfen. Ich hab grad mal auf meiner Platte und in meiner Mailbox geschaut, aber die Scripts sind nie auf den Weg nach Hause gegangen. Und der Server ist leider aus. Dieses Wochenende wurde wohl mal der Strom abgestellt und da mein Server nicht mit an der USV haengt (was eine Schweinerei auch) ist der jetzt erstmal bis Montag (falls den niemand anstellt sogar bis Dienstag, hab ja Montag Formel1-bedingt Urlaub ;) ) aus.
Aber schau doch mal ein wenig hier im Forum rum, dort findest Du sicher einiges zum Thema AJAX.
 
Alles klar. Werd ma so ein wenig rumstöbern. Wär aber toll, wenn du deinen Code dann noch nachreichen könntest. Würde mir echt helfen.
 
Ich werd am Montag auf jeden Fall mal eine Mail in's Buero schicken, dass die meinen Server anmachen sollen, dann kann ich auch an die Daten und Dir hier was posten.
 
Hi nochmal,

wollt nur mal nachfragen, ob du das Code-Beispiel auftreiben konntest. Würd mir echt helfen.

VG,

adori
 
Sorry, hatte Dich ganz vergessen.

Hier der Code:
HTML: 
<html>
<head>
<script type="text/javascript">
if (window.XMLHttpRequest)
	{
		http=new XMLHttpRequest();
	}
else if (window.ActiveXObject)
	{
		http=new ActiveXObject("Microsoft.XMLHTTP")
	}
function getsite()
{
	if (http)
		{
			http.onreadystatechange=handlehttp;
			http.open('GET','http://192.168.0.15:8080/addrtest.html',true);
			http.send(null);
		}
}
function handlehttp()
{
	if ((http.readyState==4) && (http.status==200))
		{
			alert(http.responseText);
		}
}
</script>
</head>
<body>
<button type="button" onclick="getsite();">Get Site</button>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück