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

automatix · 30.12.2006, 04:55

Всем привет!

Как известно, высота рабочей области окна браузера зависит не только от браузера и разрешения монитора, но и от того, сколько у юзера активировано панелей (меню, адресная строка, гугл-тулбар и т.д.). Так вот, есть ли способ узнать эту самую высоту видимой области с помощью JavaScript (или, может, не JavaScript...)?

Спасибо.

automatix · 30.12.2006, 06:16

Что-то совсем уж детский вопрос получился, пардон, но все равно -- и тут пара подводных камней...

В Лисе высота рабочей области -- это scrollHeight тэга body, это значение всегда стбильно вне зависимости от того, насколько страница заполнена контентом. ОК. Теперь ложка дегтя от ИЕ -- во-первых, у него надо проверять html, а не body. Во-вторых, в зависимости от того, есть ли скролл, браузер дает разные значения scrollHeight. То есть минимум -- это высота страницы, если контента меньше, чем необходимо для скролла, а максимум -- высота всего контента, включая "невидимый", т.е. тот, до которого еще надо скролить... Кто виноват? Майкрософт -- он всегда виноват... )) Как быть?

etc · 30.12.2006, 14:07

scrollHeight всегда возвращает высоту всего документа, включая невидимую часть. И в Лисе тоже. Я не знаю, какой лисой ты пользуешься

document.body.clientHeight тебе в помощь.

automatix · 30.12.2006, 14:51

Код HTML:

<script type="text/javascript"><!--
	// <![CDATA[
	function shw(elementid) {
		alert (elementid + " :: " + "width: " + document.getElementById(elementid).scrollWidth + " | height: " + document.getElementById(elementid).scrollHeight);
	}
	// ]]>
	--></script>

Код HTML:

<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml" id="htmltag">
<body id="bodytag" onload="shw('htmltag'); shw('bodytag');">

Firefox 2.0.0.1

Сейчас посмотрим clientHeight...

...............................

Посмотрел. Все работает. Большое спасибо!

etc · 30.12.2006, 14:54

document.body.scrollHeight возвращает тоже, что и в IE.

KidsKilla · 30.12.2006, 15:31

для фф window.innerHeight

etc · 30.12.2006, 15:33

Цитата:

Сообщение от KidsKilla

для фф window.innerHeight

Ага, есть такое. Только зачем, если document.body.clientHeight работает и там и там?

KidsKilla · 30.12.2006, 15:36

Цитата:

Сообщение от __etc

Ага, есть такое. Только зачем, если document.body.clientHeight работает и там и там?

не везде. в опере только виндоу. ф старых фф тоже

automatix · 30.12.2006, 15:58

В моем ИЕ7 window.innerHeight показывает undefined. В Лисе (2.0) вроде ничего.

KidsKilla · 30.12.2006, 16:00

Цитата:

Сообщение от KidsKilla

для фф window.innerHeight

афтоматиг, перечитывай. внимательнее.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид