<center><h1>Detecting Surfer's Screen Type</h1></center>
<p>This script uses features of DHTML, although it is not really 'Dynamic'. However, getting the details of the visitor's screen can be important with DHTML, with its frequent use of absolute positioning. If, say, an author wants to place an object 700 pixels from the left of the screen, it will disappear off the right-hand edge if the visitor's screen resolution is set to 640 by 480!</p>
<p>Note that IE4.x does not support one of the properties in the script, so the last text box appears as &quot;null&quot;.</p>
<table border="0">
<tr>
<td><form method="POST" name="t">
<table border="1">
 <tr bgcolor="#deb887">
<td width="150" valign="MIDDLE"><strong>Width:</strong></td>
 <td><input type="text" size="15"
name="t1" value="not supported"></td>
 </tr>
<tr bgcolor="#ffd700">
 <td width="150" valign="MIDDLE"><strong>Height:</strong></td>
<td><input type="text" size="15"
name="t2" value="not supported"></td>
</tr>
 <tr bgcolor="#deb887">
<td width="150" valign="MIDDLE"><strong>Colour Depth:</strong></td>
<td><input type="text" size="15"
 name="t3" value="not supported"></td></tr>
<tr bgcolor="#ffd700">
<td width="150" valign="MIDDLE"><strong>Pixel Depth:
</strong></td>
<td><input type="text" size="15"
 name="t4" value="not supported"></td></tr></table></form></td></tr></table>
<hr>
<script language="JavaScript">
<!--
function show(){
if (!document.all&&!document.layers)
return
document.t.t1.value=screen.width
document.t.t2.value=screen.height
document.t.t3.value=screen.colorDepth
document.t.t4.value=screen.pixelDepth
}
show()
//-->
</script>
