Я б вам радив використовувати jQuery $.load або $.ajax + дуже корисна штука FireBug в вашому випадку вкладка сеть особливо корисна тим не менше що я зробив щоб воно запрацювало.
Спочатку я поміняв стиль в контейнері а то в 1 піксель трошки було тяжко попадати
index.php
<!DOCTYPE html>
<html>
<head>
<script src="ajax.js" type= "text/javascript"></script>
<meta charset="utf-8">
<script>
var myReq = getXMLHTTPRequest();
</script>
</head>
<body>
<div id="showtime" onmouseover="javascript:getServerTime();" style="width: 100px; height: 100px; border: 1pt solid green;">
</div>
</body>
</html>
Потім чучуть поправив XML, була якась помилка в гуглі писало що скорше всього то через utf-8 bom але я просто стер перший рядок і воно перестало видавати помилку.
st.php
<?php
header('Content-Type: text/XML;');
echo '
<clock>
<timestring>'. date("H:i:s") .'</timestring>
</clock>
';
?>
І ще тут я щось поміняв якщо чесно я забув що
ajax.js
function getXMLHTTPRequest()
{
var req = false;
try
{
req = XMLHttpRequest();
}
catch(err)
{
try
{
req = new ActiveXObject("MSXML2.XMLHTTP");
}
catch(err)
{
try
{
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(err)
{
req = false
}
}
}
return req;
}
function getServerTime()
{
var theURL = 'st.php';
myReq.onreadystatechange = theHTTPResponse();
myReq.open("GET", theURL, true);
myReq.send();
}
function theHTTPResponse() {
if (myReq.readyState == 4) {
if (myReq.status == 200) {
var timeString = myReq.responseXML.getElementsByTagName("timestring")[0];
document.getElementById('showtime').innerHTML = timeString.childNodes[0].nodeValue;
}
}
else {
document.getElementById('showtime').innerHTML = 'Завантаження';
}
}