| |
|
|
| | помогите решить следующий вопрос, я стиль страниц задаю не при помощи CSS а из JS файла
пример:
...
document.getElementById("div_0000").style.zIndex = 0;
document.getElementById("div_0010").style.zIndex = 1;
document.getElementById("div_0120").style.zIndex = 2;
document.getElementById("div_0130").style.zIndex = 3;
document.getElementById("div_0140").style.zIndex = 4;
document.getElementById("div_0000").style.position = "absolute";
document.getElementById("div_0010").style.position = "absolute";
document.getElementById("div_0120").style.position = "absolute";
document.getElementById("div_0130").style.position = "absolute";
document.getElementById("div_0140").style.position = "absolute";
...
|
так вот, проблема в том что если страница содержит какой либо текст, происходит не очень корректная загрузка, вначале грузится текст а потом JS стиль страниц
как можно решить данный трабл? | |
| |
|
|
| |
|
|
| |
для: freeing
(17.06.2008 в 13:18)
| | | просьба
.style.visibility = "hidden";
|
не предлогать | |
| |
|
|
| |
|
|
| |
для: freeing
(17.06.2008 в 13:20)
| | | после такого дополнения никак | |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.06.2008 в 14:18)
| | | все браузеры JS грузят не в начале а в конце?
и как определить 100% конец загрузки страницы? | |
| |
|
|
| |
|
|
| |
для: freeing
(17.06.2008 в 14:44)
| | | document.onLoad событие грузит в начале, просто обратиться к элементу по id можно только после его загрузки | |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.06.2008 в 15:03)
| | | можно простенький пример?
я не совсем понял! | |
| |
|
|
| |
|
|
| |
для: freeing
(18.06.2008 в 10:18)
| | | Пример 1:
<html>
<head>
<script>
document.getElementById ("div_0000").style.zIndex = 0;
</script>
</head>
<body>
...
<div id="div_0000">text</div>
...
</body>
</html>
|
Браузер выдаст ошибку - объект с id="div_0000" на момент обращения к нему ещё не сформирован.
Пример 2:
<html>
<head>
<script>
onload = function () {document.getElementById ("div_0000").style.zIndex = 0}
</script>
</head>
<body>
...
<div id="div_0000">text</div>
...
</body>
</html>
|
Здесь всё в порядке - сначала окно полностью загрузится, сформируются ВСЕ HTML-объекты, в т.ч. и объект с id="div_0000", к которому можно будет обратиться.
Пример 3:
<html>
<body>
...
<div id="div_0000">text</div>
<script>
document.getElementById ("div_0000").style.zIndex = 0;
</script>
...
</body>
</html>
|
Здесь тоже всё будет работать - обращение к объекту с id="div_0000" произойдет сразу после того, как объект будет сформирован.
В общем, сначала должен сформироваться объект (вместе с его текстом, раз он написан прямо в HTML-коде) и только потом можно будет через JS обращаться к каким-то его свойствам. | |
| |
|
|
| |
|
|
| |
для: PAT
(18.06.2008 в 11:35)
| | | я обратил внимание на то что
<style>
#div_0130
{
display: none;
}
</style>
срабатывает раньше onload | |
| |
|
|
| |
|
|
| |
для: freeing
(18.06.2008 в 11:46)
| | | Так это CSS, а не Javascript.
Правила CSS, определенные в заголовке документа, действительно применяются к телу документа еще ДО НАЧАЛА ЗАГРУЗКИ.
А вот Javascript - как показано выше - только к сформированным объектам.
Чего вам надо-то, болезному? :-))
Вы же начали с того, что CSS не пользуете, а пользуете ТОЛЬКО JScript. | |
| |
|
|
| |
|
|
| |
для: PAT
(18.06.2008 в 11:55)
| | | Как отменить CSS?
Я в шапке кинул
<style>
#div_0130
{
display: none;
}
</style>
|
А теперь мне его надо отменить из JS
типо так:
<html>
<head>
<style>
#div_0000
{
display: none;
}
</style>
<script>
function Load()
{
document.getElementById("div_0000").style.display = '';
}
</script>
</head>
<body onload = 'Load();'>
<div id="div_0000">text</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: freeing
(18.06.2008 в 13:10)
| | | document.getElementById ("div_0000").style.display=''; | |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.06.2008 в 13:15)
| | | не работает!
<html>
<head>
<style>
#div_0000
{
display: none;
}
</style>
<script>
function Load()
{
document.getElementById("div_0000").style.display = '';
}
</script>
</head>
<body onload = 'Load();'>
<div id="div_0000">text</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: freeing
(18.06.2008 в 13:17)
| | | document.getElementById ("div_0000").style.display = 'block'; | |
| |
|
|
| |
|
|
| |
для: PAT
(18.06.2008 в 14:04)
| | | спасибо | |
| |
|
|
