du musst einiges an javas***** coden.
dazu würde ich dir
http://jquery.com/ ans herz legen wollen.
sowas ähnliches habe ich nämlich neulich erst gemacht, und nach ein bisschen einarbeitung in jquery wars ganz einfach.
nichts desto trotz musst du js können, ein wenig css und dom sollte dir auch was sagen.
ich würde an deiner stelle sowas ajax-dynamisches erstmal ganz einfach starten, in etwa so:
stufe1 ohne ajax:
PHP-Code:
<html>
<head>
<s*****>
var cnt = 0;
function x() {
document.getElementById ("content_id").innerHTML = cnt++;
window.setTimeout("x()", 100);
}
</s*****>
</head>
<body onload="x()">
<div id="content_id"></div>
</body>
</html>
stufe2 mit jquery/ajax:
PHP-Code:
<html>
<head>
<s***** type="text/javas*****" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></s*****>
<s*****>
var update_interval = 2; // in sekunden
function x() {
$('#content_id').load('bla2.html');
window.setTimeout("x()", update_interval * 1000);
}
$(document).ready(function(){
window.setTimeout("x()", update_interval * 1000);
});
</s*****>
</head>
<body>
<div id="content_id">alter inhalt</div>
</body>
</html>