VPF::Изменение высоты таблицы по "onresize"

marra

Дата 9.9.2008, 03:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 4.9.2007

Репутация: нет
Всего: нет

Ребята, подскажите, как еще можно изменить высоту таблицы по событию onresize для окна?
В Опере и IE все работает, но вот в Safari (v. 3.1.2) и Mozilla Firefox (v. 3.0.1) высота таблицы не изменяется.
Изначальный вариант работал только в Опере:

Код


<script type="text/javascript" language="javascript" src="script.js"></script>
...
<body onload="ResizeTable()">
<div>
<table id="MainTable">
...
</table>
</div>
</body>

В script.js:

Код


function Resize()
{
    MainTable.style.height = 0.9 * window.innerHeight;
}
function ResizeTable()
{
    window.onresize = Resize;
    Resize();
}

Второй вариант заработал под IE:

Код


function GetWindowInnerHeight()
{    
    if (window.innerHeight)
        return window.innerHeight;
    else
        return document.body.clientHeight;
}
function Resize()
{
    MainTable.style.height = 0.9 * GetWindowInnerHeight();
}
function ResizeTable()
{
    window.onresize = Resize;
    Resize();
}

Но вот в Сафари и Огнелисе это не помогло. Обращаться через document.getElementById("MainTable") пробовала. :-(

UPD. Всё работает. Тем, у кого была такая же проблема - функцию Resize() нужно переписать вот так:

Код


function Resize()
{
    document.getElementById("MainTable").style.height = 0.9 * GetWindowInnerHeight() + 'px';
}

Это сообщение отредактировал(а) marra - 9.9.2008, 11:11

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »