Fred Oz wrote:[color=blue]
> brett wrote:
>[color=green]
>> The number horizontal and vertical pixels. I'm not exactly sure how
>> that can be figured out. If their page can wrap, well, it has a[/color][/color]
[...][color=blue]
> You must use different techniques for different browsers and the results
> are also doctype dependencies to deal with.
>[/color]
So here's some code, slightly modified from quirksmode. Note
that removing/changing the doctype changes IE's behaviour (a
different element is used and clicking below the bottom-most
element does not record a click in strict mode).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>docment height/width</title>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
function doClick(){
var x, y, msg='';
// for all except Explorer
if (self.innerHeight) {
x = self.innerWidth;
y = self.innerHeight;
msg += 'self.innerHeight/Width: '
+ y + ', ' + x + 'px';
// Explorer 6 Strict Mode
} else if (document.documentElement
&& document.documentElement.clientHeight) {
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
msg += 'document.documentElement.clientHeight/Width: '
+ y + ', ' + x + 'px';
// other Explorers
} else if (document.body) {
x = document.body.clientWidth;
y = document.body.clientHeight;
msg += 'document.body.clientHeight/Width: '
+ y + ', ' + x + 'px';
}
alert(msg);
}
</script>
</head>
<body onclick="doClick();">
<div style="width: 200px; height: 200px;
border: 1px solid red;">
</div>
</body>
</html>
--
Fred
