Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   Узнать размер дива через JS (http://www.flasher.ru/forum/showthread.php?t=101741)

guvatara 02.10.2007 13:25
Узнать размер дива через JS
 
есть такой вопрос. Я непонимаю JS и помогите мне написать простенький код для определения размеров дива и при условии если див больше высоты окна применить один стиль а если меньше другой стиль. И пожалуйста добавьте коментарии, чтоб было понятнее.
Заранее благодарен

Feb_vl 03.10.2007 04:23
определить разрешение экрана можно через

y=window.screen.availHeight
x=window.screen.availWidth

guvatara 04.10.2007 15:58
Я тут по лазил и написал скриптик, но почему то он у меня не пашет.
Он должен работать только в Ослике 7.
Может подскажите, что я тут не так сделал.
Код:
<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";
                }
        }

GreatRash 04.10.2007 16:39
Еще бы...и не должен пахать

исправленный код:
Код:
<body style="height: 100%;">
<div id="pup1">
        <div id="pup2">
                <div style="height: 300px;">
                </div>
                <div id="content">Любой текст</div>
        </div>
</div>

<script language="JavaScript" type="text/javascript">
<!--

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";
                }
        }
//-->
</script>
</body>
Как работает не проверял, только синтаксис исправил

guvatara 04.10.2007 17:17
ну синтаксис у меня в оригинале правильный. Но скрипт не работает.

Ostgur 04.10.2007 22:02
а ты браузеру сказал тэгами, что далее у тебя будет идти скрипт - не сказал => и не работает.

guvatara 05.10.2007 15:05
я просто куски кода сюда выложил. Оформление скриптов и css у меня нормальное в оригинале. Проблема в том что скрипт реально не хочет работать.

KidsKilla 05.10.2007 16:29
ты лучше проблему опиши, те фон на всю высоту надо сделать шоле?

guvatara 08.10.2007 18:38
угу. Но собака Ослик 7 наследовал баги ослика 6 и выдумал свои. Я решил свою проблему просто банальным указанием минимальной высоты для блока который должен тянуться и увелечением высоты футерской картинки которая должна наезжать. Но этот способ просто уже от бессилия. Огнелис форева. Не думал что Ослик 7 будет глючней ослика 6

Но надежды написать жабу для фикса я пока не бросаю.

KidsKilla 09.10.2007 14:07
HTML,BODY{height:100%;}
.my_div{min-height:100%;//height:100%;}


Часовой пояс GMT +4, время: 13:40.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.