<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {background-color:#006;color:#fff;}
#thetable {background-color:#fff;border:1px solid #999;font-family:arial,sans-serif;font-size:16px;color:#000;margin:30px auto;}
#thetable td {padding:0;}
#thetable th {border:1px solid #999;line-height:25px;padding:0 10px;}
.box {border:1px solid #999;padding:10px;margin-bottom:2px;}
#nme {background-color:#fff;color:#600;}
</style>
<script type="text/javascript">
var xmlDoc
window.onload=function(){
// code for IE
if(window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load('last.xml');
getTable()
}
// code for Firefox
else {
if(document.implementation &&document.implementation.createDocument) {
xmlDoc= document.implementation.createDocument("","",null);
xmlDoc.load('last.xml');
xmlDoc.onload=getTable;
}
else {
alert('Your browser cannot handle this script');
}
}
}
function getTable(){
var nme=xmlDoc.getElementsByTagName("NAME");
var vle=xmlDoc.getElementsByTagName("VALUE")
var yea=xmlDoc.getElementsByTagName("YEAR");
var mth=xmlDoc.getElementsByTagName("MONTH")
var day=xmlDoc.getElementsByTagName("DAY");
var hor=xmlDoc.getElementsByTagName("HOUR");
var min=xmlDoc.getElementsByTagName("MIN")
var sec=xmlDoc.getElementsByTagName("SEC");
for(c=0;c<nme.length;c++) {
document.getElementById("nme").innerHTML+='<div class="box">'+nme[c].firstChild.nodeValue+'<\/div>';
document.getElementById("vle").innerHTML+='<div class="box">'+vle[c].firstChild.nodeValue+'<\/div>';
document.getElementById("yea").innerHTML+='<div class="box">'+yea[c].firstChild.nodeValue+'<\/div>';
document.getElementById("mth").innerHTML+='<div class="box">'+mth[c].firstChild.nodeValue+'<\/div>';
document.getElementById("day").innerHTML+='<div class="box">'+day[c].firstChild.nodeValue+'<\/div>';
document.getElementById("hor").innerHTML+='<div class="box">'+hor[c].firstChild.nodeValue+'<\/div>';
document.getElementById("min").innerHTML+='<div class="box">'+min[c].firstChild.nodeValue+'<\/div>';
document.getElementById("sec").innerHTML+='<div class="box">'+sec[c].firstChild.nodeValue+'<\/div>';
}
}
</script>
</head>
<body>
<div id="container">
<table id="thetable">
<thead>
<tr>
<th>Name</th>
<th>Value</th>
<th>Year</th>
<th>Month</th>
<th>Day</th>
<th>Hour</th>
<th>Minute</th>
<th>Second</th>
</tr>
</thead>
<tr>
<td id="nme"></td>
<td id="vle"></td>
<td id="yea"></td>
<td id="mth"></td>
<td id="day"></td>
<td id="hor"></td>
<td id="min"></td>
<td id="sec"></td>
</tr>
</table>
</div>
</body>
</html>
Zaloguj się
Zarejestruj się
FAQ
Szukaj
