Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.12.2010, 00:08
Аватар для Snipe
Профессор
Отправить личное сообщение для Snipe Посмотреть профиль Найти все сообщения от Snipe
 
Регистрация: 06.05.2008
Сообщений: 765

Высота видимой области окна
Есть какой-нибудь способ узнать высоту видимой части браузера?
Не разрешение экрана и не высоту боди, а именно высоту видимой части?

В ссылках к вопросу нашел ответ: window.innerHeight

Последний раз редактировалось Snipe, 03.12.2010 в 00:12.
Ответить с цитированием
  #2 (permalink)  
Старый 03.12.2010, 00:30
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

<script type="text/javascript">
window.onload = function(){
var opera = (navigator.userAgent.toLowerCase().indexOf('opera') > -1),
    html = document.documentElement,
    body = document.body,
    w = document.compatMode=='CSS1Compat' && !opera ? html.clientWidth : body.clientWidth,
    h = document.compatMode=='CSS1Compat' && !opera ? html.clientHeight : body.clientHeight;
    alert("Размер вьюпорта: "+  w +"х"+ h);
};
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 03.12.2010, 03:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

monolithed,
на всякий случай ))) смотреть в opera
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
<script type="text/javascript">
window.onload = function(){
var opera = (navigator.userAgent.toLowerCase().indexOf('opera') > -1),
    html = document.documentElement,
    body = document.body,
    w = document.compatMode=='CSS1Compat' && !opera ? html.clientWidth : body.clientWidth,
    h = document.compatMode=='CSS1Compat' && !opera ? html.clientHeight : body.clientHeight;
    alert("Размер вьюпорта: "+  w +"х"+ h);
};
</script>
</head>
<body>
</body>
</html>

с дополнением для оперы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
<script type="text/javascript">
window.onload = function(){
var html = document.documentElement,
    body = document.body,
    w = document.compatMode=='CSS1Compat' && !window.opera ? html.clientWidth : body.clientWidth,
    h = document.compatMode=='CSS1Compat' && !window.opera ? html.clientHeight : body.clientHeight;
    if (document.compatMode == "CSS1Compat" && window.opera) {
        w = window.innerWidth;
        h = window.innerHeight
    }
    alert("Размер вьюпорта: "+  w +"х"+ h);
};
</script>
</head>
<body>
</body>
</html>

Вариант Kolyaj
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
<script type="text/javascript">
function getRootElement(doc) {
    doc = doc || document;
    return doc.compatMode == 'CSS1Compat' ? doc.documentElement : doc.body;
}
function getViewportSize(doc) {
    doc = doc || document;
    var elem = getRootElement(doc);
    return [elem.clientWidth, elem.clientHeight];
}

window.onload = function(){

    alert("Размер вьюпорта: "+  getViewportSize()[0] +"х"+ getViewportSize()[1]);
};
</script>
</head>
<body>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 03.12.2010, 08:40
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Точно рони, не мог вспомнить...

Ну вот так-то горадо проще:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function getViewportSize(doc) {
    doc = doc || document;
    var elem  = doc.compatMode == 'CSS1Compat' ? doc.documentElement : doc.body;
    return [elem.clientWidth, elem.clientHeight];
}

window.onload = function(){
    alert("Размер вьюпорта: "+  getViewportSize()[0] +"х"+ getViewportSize()[1]);
};
</script>
</head>
<body>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Высота страницы по высоте окна браузера Николян (X)HTML/CSS 4 16.01.2014 20:12
Плавное открытие окна. Flashton Элементы интерфейса 3 20.10.2010 16:00
Вставка данных в textarea из модального окна (для Markitup) Roman Koff jQuery 0 26.08.2010 23:21
высота видимой части окна alex-crimea Общие вопросы Javascript 9 15.03.2010 20:16
Высота скрытого содержания в теге, если для него установлено overflow:hiden; paratrooper1981 Общие вопросы Javascript 19 23.12.2009 18:26