Вход

Просмотр полной версии : размеры рабочей области браузера

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

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;
}

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

З.Ы. вопрос нубский, но поиск мне не помог, а JC не знаю вообще(
Octane
28.09.2009, 10:48
Как вызвать функцию, тут еще, наверное, никто не спрашивал :lol:
Раман
03.10.2009, 17:56
ну он же сказал что не шарит в яваскрипт.
попробуй вотп так
window.onload = getClientWidth
window.onload = getClientHeight
напиши это в самом низу.
Octane
03.10.2009, 18:11
ну он же сказал что не шарит в яваскрипт.
попробуй вотп так
window.onload = getClientWidth
window.onload = getClientHeight
напиши это в самом низу.
Вы видимо тоже не шарите :) иначе зачем перезаписывать window.onload ссылкой на функцию getClientHeight, сразу же после назначения getClientWidth, в качестве обработчика события? И вообще эти функции бесполезно вызывать по onload, нужно использовать результаты выполнения этих функций.
mech_master
29.10.2018, 17:04
<!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>