<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Javascript DOM Test</title>
<script>
function printActiveElement()
{
document.all.spnMsg1.innerText = typeof(document.activeElement);
document.all.spnMsg2.innerText = document.activeElement.toString();
document.all.spnMsg3.innerText = document.activeElement.tagName + ";ID=" + document.activeElement.getAttribute("id");
}
function printTypes()
{
var i = 1;
var s = "text"
var t = document.all['table2'];
var d = 3.14;
document.all.spnTInt.innerText = typeof(i);
document.all.spnTString.innerText = typeof(s);
document.all.spnTTable.innerText = typeof(t);
document.all['spnTDouble'].innerText = typeof(d);
var dt = new Date(2006, 1, 1);
var bl = true;
var ar = new Array();
var un = document.all['blarbin'];
document.all.spnTDate.innerText = typeof(dt);
document.all.spnTBool.innerText = typeof(bl);
document.all.spnTArray.innerText = typeof(ar);
document.all.spnTUndef.innerText = typeof(un);
}
</script>
</head>
<body>
<table align="center" bgcolor="navy" width="100%">
<tr><td><font color=white>document.activeElement</font></td></tr>
<tr><td>
<table width="100%" bgcolor="white"><tr><td>
<table width="100%" border="1" style="border-style:none"><tr><td width="20%">
<nobr>typeof=<span id="spnMsg1"> </span></nobr></td><td width="20%">
<nobr>toString()=<span id="spnMsg2"> </span></nobr></td><td width="20%">
<nobr>tagName=<span id="spnMsg3"> </span></nobr></td><td width="20%">
<input type="text" id="txt" value="text" onclick="printActiveElement();" /></td><td width="20%">
<input type="button" id="btn1" value="Click Me" onclick="printActiveElement();" />
</td></tr></table>
</td></tr></table>
</td></tr></table>
<br />
<table id="table2" align="center" bgcolor="navy" width="100%">
<tr><td><font color=white>Types</font></td></tr>
<tr><td>
<table width="100%" bgcolor="white"><tr><td>
<table width="100%" border="1" style="border-style:none"><tr><td width="20%">
<nobr>typeof(int)=<span id="spnTInt"> </span></nobr></td><td width="20%">
<nobr>typeof(double)=<span id="spnTDouble"> </span></nobr></td><td width="20%">
<nobr>typeof(string)=<span id="spnTString"> </span></nobr></td><td width="20%">
<nobr>typeof(table)=<span id="spnTTable"> </span></nobr></td><td width="20%">
</td></tr>
<tr>
<tr><td width="20%">
<nobr>typeof(date)=<span id="spnTDate"> </span></nobr></td><td width="20%">
<nobr>typeof(bool)=<span id="spnTBool"> </span></nobr></td><td width="20%">
<nobr>typeof(array)=<span id="spnTArray"> </span></nobr></td><td width="20%">
<nobr>typeof(undefined)=<span id="spnTUndef"> </span></nobr></td><td width="20%">
</td>
</tr>
<tr><td colspan="5"><input type="button" id="Button1" value="Click Me" onclick="printTypes();" /></td></tr>
</table>
</td></tr></table>
</td></tr></table>
<br />
</body>
</html>
