| |
|
|
| | просьба к знатокам Java-script.
есть скрипт выпадения слоя сверху. а мне надо, чтоб одновременно и снизу слой вылез и остановился. он должен быть еще в центре по горизонтали, но это проще. с вертикальной ориентацией запуталась...
тут надо вычислять высоту и ширину рабочей области браузера? немного непонятно, как изначально засунуть этот слой ниже нижнего края документа. если я его нарисую командой document.write(), скрипт, который должен этот слой двигать, его не видит, говорит, что не объект... | |
| |
|
|
| |
|
|
| |
для: elenaki
(22.04.2007 в 19:27)
| | | >немного непонятно, как изначально засунуть этот слой ниже нижнего края документа.
может быть задать ему абсолютное позиционирование?.. | |
| |
|
|
| |
 1.3 Кб |
|
| |
для: ddhvvn
(22.04.2007 в 19:37)
| | | при абсолютном позиционировании мы даем координаты top: ...px, а мне надо bottom. но так он не понимает. а позиция относительно верха зависит от разрешения, у кого-то при 850 скроется слой, а у кого-то при 1500 виден будет... давать ему 3000px от верха что-то не хочется. он пол-дня выезжать будет оттуда.
вот есть такой дурацкий скрипт - створки. мне надо наоборот. слои не убираются один вверх, другой вниз, а выползают один сверху, другой снизу, только не до середины страницы, а на 40рх... | |
| |
|
|
| |
|
|
| |
для: elenaki
(22.04.2007 в 20:08)
| | | Ширина и высота рабочей области броузера:
<!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" lang="en">
<head>
<style type="text/css">
html, body
{height: 100%;}
</style>
</head>
<body id="body1">
<script type="text/javascript">
<!--
alert([document.getElementById('body1').scrollHeight,document.getElementById('body1').scrollWidth]);
// -->
</script>
</body>
</html>
|
В соответствии со стандартами W3C.
P.S. И если я не ошибаюсь, то ниже нижнего края опустить слой невозможно, потому как сразу же увеличится и прокрутка страницы сайта. Можно попытаться поработать с нулевой высотой слоя, расположенного точно внизу (position: absolute; bottom: 0;) постепенно ее увеличивая, но надо учитывать, что в нем находится. | |
| |
|
|
| |
|
|
| |
для: ilyaILF
(22.04.2007 в 20:40)
| | | В Опере он почему-то показывает высоту контента.
<!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" lang="en">
<head>
<style type="text/css">
html, body
{height: 100%;}
</style>
<script>
onload=function()
{
var h = window.innerHeight?innerHeight:null;
alert('html.clientHeight: '+document.documentElement.clientHeight+
'\nbody.clientHeight: '+document.body.clientHeight+
'\nbody.offsetHeight: '+document.body.offsetHeight+
'\nbody.scrollHeight: '+document.body.scrollHeight+
'\nwindow.innerHeight:'+h);
}
</script>
</head>
<body>
<div style="position:absolute;height:10000px;width:10000px;">0123</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: RMW
(22.04.2007 в 21:51)
| | | RMW, да, конечно, для данной задачи правильно будет использовать методы offsetHeight и clientHeight. | |
| |
|
|
