<?php
//test.php
echo "Dit is wat spul uit de database:<br /><br />";
/*
doe hier wat database-q's, echo troep.
*/
?>//js
var output = document.getElementById('een_div');
//1. maak httpxml request naar je test.php bestand
//2. lees de text eruit
output.innerHTML = response_text_var;<html>
<head>
<script type='text/javascript'>
//functies
function maakXMLObj()
{
var objXml = false;
try
{
// Firefox, Opera 8.0+, Safari
objXml = new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
objXml = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
objXml = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Uh-ohw, je browser ondersteund geen AJAX!");
return false;
}
}
}
return objXml;
}
function openBestand(bestand)
{
var objXml = maakXMLObj();
objXml.open('GET',bestand,false);
objXml.send(null);
return objXml.responseText;
}
//nu, de functie uit deel 1, erbij. Comments bij de delen die veranderen:
function veranderObjectText(id, bestand) // bestand, niet meer text
{
var het_obj = document.getElementById(id);
var text = openBestand(bestand); //het bestand uit de parameter
het_obj.innerHTML = text;
}
</script>
</head>
<body>
<!-- gif plaatje -->
<img src='../penguin.gif' />
<!-- einde gifplaatje -->
<div id='testDiv' style='width: 300px; height: 100px; border: 1px dotted #f06;'>
Ahgr, niet roze randjes!
</div>
<br /><br />
<a href='#' onclick='veranderObjectText("testDiv","text1.txt");'>begin</a>
</body>
</html>
//js
//noot dat de php pagina dus gewoon hetzelfde blijft, je wilt alleen dat het om de 2 minuten opnieuw wordt opgevraagd.
//als je problemen krijgt met dat-ie niet update, ook al is er iets nieuws, moet je maar anti-cache headers in de php file zetten oid.
const TIME_OUT = 1000*60*2; //1000 = 1 seconde, vermenigvuldig met 1 minuut, maal 2 = 2 min's.
function showRecs(where)
{
var doc = "bla.php";
//doe hier je 'ajax' stuff, dus open de doc, en lees de text uit.
//voor het idee staat de text nu in 'results'
var obj = document.getElementById(where);
obj.innerHTML = results;
setTimeout("showRecs('" + where + "');",TIME_OUT);
}<!--je html file wordt zoiets:-->
<html>
<head>
<script type='text/javascript'>
//hier dus de code van hierboven
</script>
</head>
<body>
<div id='recs'>hier komen de recs</div>
<script type='text/javascript'>
//roep de functie aan:
showRecs('recs');
</script>
</body>
</html>
))
//javascript
//als je de pagina callt, geef je gewoon de laatste topic-tijd mee. Ofzo.
//dus, zoiets:
const TIME_OUT = 1000*60*2; //1000 = 1 seconde, vermenigvuldig met 1 minuut, maal 2 = 2 min's.
var last = "";
function showRecs(where)
{
var doc = "bla.php?last=" + last;
//doe hier je 'ajax' stuff, dus open de doc, en lees de text uit.
//voor het idee staat de text nu in 'results'
var obj = document.getElementById(where);
obj.innerHTML = results;
//nu wordt het tricky. Je moet dus uit zien te vinden wat het laaste topic was.
//dus, lekker in je 'results' gaan zoeken.
//mischien is het makkelijkst als 'bla.php' zowiezo helemaal bovenaan het laaste topic-id echo-ed.
//dan wordt 'last' gewoon restults.substring(0,1); oid. En, je innerHTML wordt dan dus
// results.substring(1,results.length-1);
//noot dat dat nooit gaat werken omdat het ID van de laaste post boven de 9 kan zijn (dus meer dan 1 cijfer) maargoed.
setTimeout("showRecs('" + where + "');",TIME_OUT);
}//bla.php
//hier je 'if isset ?last' etc.
// $last = $_GET['last'];
//echo als 1e je laaste id, zodat je JS code dit kan oppikken:
$q = mysql_query("SELECT id FROM berichten ORDER BY time DESC LIMIT 1");
echo mysql_fetch_row($q)[0]; //oid?
echo "<br />";
//loop door je records heen:
$q = mysql_query("SELECT * FROM berichten ORDER BY time DESC LIMIT 0,10");
while($e = mysql_fetch_object($q))
{
if($e->id > $last){ //als het id groter is dan het laaste door het JS 'geshowde' id, maak het dik:
echo "<b>".$e->title."</b>";
}else{
echo $e->title;
}
echo "<br />";
}
