<!DOCTYPE html>
<html>
<head>
<title>Пример главы 13.1. на стр 335</title>
<script type="text/javascript" language="JavaScript">
function show_client_size () {
var eltWidth = document.getElementById("client_width"),
eltHeight = document.getElementById("client_height");
eltWidth.innerHTML = getClientWidth();
eltHeight.innerHTML = getClientHeight();
}
function getClientWidth()
{
return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth :document.body.clientWidth;
}
function getClientHeight()
{
return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeigh t:document.body.clientHeight;
}
window.onload = show_client_size;
window.onresize = show_client_size;
</script>
</head>
<body>
<div class="client_size">
<p>Щирина клиентской области: <span id="client_width">000</span></p>
<p>Высота клиентской области: <span id="client_height">000</span></p>
</div>
</body>
</html>