| |
|
|
| | Помогите задать высоту окна в браузере.
На странице выводится таблица. Я задаю ее высоту, чтобы страница по высоте укладывалась в размер экрана.
Но теперь надо чтобы при изменении размера окна высота таблицы изменялась так, чтобы таблица по-прежнему влезала целиком в окно. Т.е. чтобы не появлялась вертикальная полоса прокрутки.
Или другими словами надо, чтобы параметр высоты таблицы устанавливался в соответствии с высотой внутреннего окна браузера. | |
| |
|
|
| |
|
|
| |
для: Andrey_V
(08.12.2007 в 15:08)
| | | в скрипте установите window.onresize = myFunc;
И чуть ранее пропишите функцию myFunc (), коя определит высоту тела документа после изменения размеров documen.body.clientHeight и приведет таблицу в соответствие с этой высотой (если, конечно, это будет возможно).
PS. Но вообще-то есть другой способ: задайте таблице высоту в % от тела документа и изменение будет происходить автоматически - безо всяких функций.
<style>
html, body {height: 100%}
table {height: сколько-надо%}
</style>
|
| |
| |
|
|
| |
|
|
| |
для: CNT
(08.12.2007 в 15:53)
| | | Функцию для определения высоты я вписал. Высота определяется. А как ее задать в таблице?
Т.е. таблица создается обычным HTML кодом:
<table>
.
.
.
.
</table>
Теперь в первом теге надо каким-то образом указать высота, используя данные из функции. Т.е. у меня функция getwindowheight(). Для вывода ее результатов на экран пишу
document.write( getwindowheight())
А как этим задать высоту? | |
| |
|
|
| |
|
|
| |
для: Andrey_V
(08.12.2007 в 17:34)
| | |
<table id="myID">
...
document.getElementByID ('myID').style.height = то_что_функция_насчитала;
|
| |
| |
|
|
| |
|
|
| |
для: CNT
(08.12.2007 в 19:30)
| | | Я с JS еще только учусь работать. Предпочитаю сам пробовать до бесконечности. Но здесь что-то кусочек мозгов заклинило и не доходит.
Прошу еще раз пояснить, куда вставить строку.
Вот таблица:
===========================================================
<table id="myID" width="50%" border="2" cellspacing="0" cellpadding="0" >
<tr>
<td> </td>
<td> </td>
</tr>
</table>
===========================================================
В какое место и как впихнуть Вашу строку? | |
| |
|
|
| |
|
|
| |
для: Andrey_V
(14.12.2007 в 23:27)
| | |
<html>
<head>
<script>
window.onresize = function ()
{
//здесь высчитываете значение высоты таблицы (после изменения юзером размера окна)
//и присваиваете полученное значение, например, переменной var myHeight
//а потом, как результирующее действие, и пишете:
document.getElementByID ('myID').style.height = myHeight;
}
</script>
</head>
<body>
...
<table id="myID" width="50%" border="2" cellspacing="0" cellpadding="0" >
<tr>
<td> </td>
<td> </td>
</tr>
</table>
...
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: CNT
(14.12.2007 в 23:52)
| | | Сделал такой файл html.
Только попробовал задать фиксированное значение (чтобы получить какую-то реакцию)
=======================
window.onresize = function ()
{
myHeight="500px";
document.getElementByID ('myID').style.height = myHeight;
}
=======================
Дергаю за угол браузера, размер окна меняется, а высота таблицы не меняется. В чем может быть дело?
JS разрешен, если я в эту функцию ставлю alert, он дает сообщение при дергании угла | |
| |
|
|
| |
|
|
| |
для: Andrey_V
(15.12.2007 в 00:14)
| | | Извиняюсь, моя ошибка - смените регистр у последнего символа в методе - getElementById (т.е. буква d обязательно должна быть "маленькой") | |
| |
|
|
| |
|
|
| |
для: CNT
(15.12.2007 в 03:04)
| | | Да, так заработало. Большое спасибо. Буду пробовать как это сочетается со встроенными DIV и в разных браузерах. Какие-то проблемы с разными браузерами могут быть? | |
| |
|
|
| |
|
|
| |
для: Andrey_V
(15.12.2007 в 23:03)
| | | В IE и Opera все работает отлично. В FireFox, Netscape, Safari никакой реакции. Т.е. при изменении размер окна измеряется правильно, но высота окна на эти цифры не реагирует.
Что можно сделать? | |
| |
|
|
| |
|
|
| |
для: Andrey_V
(29.12.2007 в 14:29)
| | | Про Netscape, Safari не скажу - не знаю.
А в Лисе (у меня версия 2.0.0.11) всё работает.
Хотя попробуйте добавить 'px' - для стиля это может быть критично.
Т.е. конец последней строки будет такой:
style.height = myHeight + 'px'; | |
| |
|
|
| |
|
|
| |
для: CNT
(29.12.2007 в 18:47)
| | | Большое спасибо!
С этой добавкой зхаработало во всех браузерах! | |
| |
|
|
