Javascript-форум - размеры рабочей области браузера

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - размеры рабочей области браузера (https://javascript.ru/forum/events/5225-razmery-rabochejj-oblasti-brauzera.html)

размеры рабочей области браузера

Добрый день! есть такой вопрос: как определить рабочую область браузера? отыскал скрипт:

function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;  
}

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

как её вызвать в программе?

З.Ы. вопрос нубский, но поиск мне не помог, а JC не знаю вообще(

Как вызвать функцию, тут еще, наверное, никто не спрашивал :lol:

ну он же сказал что не шарит в яваскрипт.
попробуй вотп так
window.onload = getClientWidth
window.onload = getClientHeight
напиши это в самом низу.

Цитата:

Сообщение от Раман

Вы видимо тоже не шарите :) иначе зачем перезаписывать window.onload ссылкой на функцию getClientHeight, сразу же после назначения getClientWidth, в качестве обработчика события? И вообще эти функции бесполезно вызывать по onload, нужно использовать результаты выполнения этих функций.

ПОказать разрешение клиентской части при загрузке и изменение размеров

<!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>