<ole>
Du opretter et HTML-dokument med et div og en iframe:
<div id="showDIV"></div>
<iframe src="chat.php" style="position:absolute;width:1px;height:1px;z-index:10;visibility:hidden;"><iframe>
Du kan gemme din iframe på andre måder, men dette virker bedst X-browser/X-platform (til opdateringsformål, som vi skal bruge den her).
Nu lægger du det dokument, der udskriver chatten i iframen (chat.php) - og lader dette reloade, som vanligt. I dokumentet skriver du:
<body onload="parent.document.getElementById('showDIV').innerHTML=document.body.innerHTML;">
Den fikse måde at konstruere query-strengen på:
$sql = "select * from TABEL where NOGET='VÆRDI' order by ";
$sql .= ($tekstretning=="Desc")? "DESC" : "ASC";
$res = mysql_query( $sql );
Det er en fin og overskuelig måde at lave dynamiske queries på, hvor forskellige parametre skifter.
At lave en chat er ingen kunst ... kunsten ligger i at lave en 'slank' chat, der ikke sluger oceaner af båndbredde (årsagen til, det kan være svært at finde en udbyder, der tillader chats). Jubii har løst problemet ved at lave en pseudo-push teknik, hvor klienten ikke reloader dokumentet, men får strengen sendt, når der er nyt. Det kræver dog, man lige skriver sin egen webserver :)
En anden løsning er kun at sende sidste streng i chatten. Man sender et SQL-tabel-id med til klienten, så man kan holde rede på, hvor meget vedkommende har downet (hvilken tabelrække er den sidst downloadede?).
Når dokumentet reloader, sendes dette id med til serveren (der bruger det i query'en med "select ... where id>'$lastmsg' ... order by ..."):
setTimeout( "location.href=chat.php?lastmsg=23", 10000 );
... hvor de '23' bliver skrevet ind i dokumentet med PHP, inden det sendes til klienten
Man kan så i hoved-dokumentet skrive denne JS-funktion:
function updChat(txt) {
var cDiv = document.getElementById('showDIV');
cDiv.innerHTML = txt+"<br>"+cDiv.innerHTML;
}
... og kalde funktionen fra chat.php med:
<body onload="parent.updChat(document.body.innerHTML);">
Du kan derudover lægge scroll i div'et med:
<div id="showDIV" style="width:350px;height:200px;overflow:auto"></div>
/mvh
</bole>
