Скрипт вычисляющий высоту контента в документе

guvatara · September 21, 2007

Здравствуйте.

Я нуб в скриптинге. Я уже перелопатил Гуглю, яху и янд вместе взятые, но так и не нашел решения простого (я так думаю) вопроса.

Мне нужно чтоб скрипт определял размер (в частности высоту) контента в документе, а именно если контента больше чем влезает в окно то должен использоваться один стиль, а если контента меньше чем влезает в окно то другой. Я не думал что мне такое может пригодиться, но оказалось что куча вопросов и неудобств решается именно таким скриптом.

P.S. немного уточню под размером окна я подрузумевал броузер полностью развернутый на весь экран. Узнать размер окна я знаю как а вот как узнать размер контента пока не могу найти нигде.

Надеюсь на помощь.

LokiDi L0ck · September 21, 2007

Самый простой вариант, помести весь свой контет в

, и ява скриптом определяй высоту этого слоя =)

AKS · September 21, 2007

guvatara, может быть что-то, вроде такой функции Вам нужно:

/**
 * @alias contentSize.
 * @return {Array} Returns full width and height of the document.
 */

function contentSize() {
 var body = document.compatMode &&
 document.compatMode == 'CSS1Compat'
 ? document.documentElement
 : document.body;
 var width = Math.max(body.scrollWidth, body.offsetWidth);
 var height = Math.max(body.scrollHeight, body.offsetHeight);
 return [width, height];
};

guvatara · October 2, 2007

Самый простой вариант, помести весь свой контет в
, и ява скриптом определяй высоту этого слоя =)
А не подскажите этот яваскрипт?

LokiDi L0ck · October 2, 2007

AKS уже написал вс? необходимое.

html:

<div id="content">Text</div>

js:

var height = document.getElementById('content').offsetHeight;

guvatara · October 2, 2007

спасибо огромное

Просто я не мог разобраться что к чему в том коде. теперь ясно.

guvatara · October 4, 2007

Все таки почему то мой код не хочет работать.

Подскажите где я ошибся.

<body style="height="100%";">
<div id="pup1">
 <div id="pup2">
 <div style="height=300px;">
 </div>
 <div id="content">Любой текст</div>
 </div>
</div>
</body>

var height = document.getElementById('content').offsetHeight;
var bodyheight = (document.body.clientHeight - 300) + "px"; 

if (/MSIE (7).+Win/.test(navigator.userAgent)) 
 { if ( height < bodyheight) 
 {
 document.getElementById('pup1').style.height = "100%";
 document.getElementById('pup2').style.height = "100%";
 }
 else 
 { 
 document.getElementById('pup1').style.height = "auto";
 document.getElementById('pup2').style.height = "auto";
 }
 }

Vlad · October 4, 2007

Внимательнее надо быть.

guvatara · October 4, 2007

да. Есть такое, но к сути вопроса это не относится. Не работает именно сам скрипт, но я никак не могу понять почему. По результатам выполнения этого скрипта новые значения высоты не присваиваются элементам, а должны.

Iskander · January 14, 2010

Убери присвоение "px" из строки var bodyheight = (document.body.clientHeight - 300) + "px";

"px" следует присваивать переменной только в случае применения его к стилю, что в твоем случае не делается.

LunatiK · January 14, 2010

Iskander - некропостер

Sign In

Скрипт вычисляющий высоту контента в документе

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information