Отрисовка элемента до body
Всем привет! Возник следующий вопрос:
Делаю слой "загрузки" страницы. Т.е. пока страница грузится - висит див на всю страницу на верхнем слое и не даёт клацать юзерам по незагрузившейся странице. Как выяснил в инете: отрисовывать его надо сразу как открывается body и скрывать перед его закрытием. Но вот в чём проблема: моя библиотека подключается в <head>, а к этому моменту времени body ещё не существует при загрузке страницы. Скрыть я легко могу див, повесив обработчик на window.onload а вот как его корректно отрисовать без вставки вызова функции непосредственно в сам html??? Посоветуйте пож-та способы решиние этой траблы. Спасибо. |
Цитата:
<body onload='shadowOff()'> <div id='shadow'></div> ... А в ЦСС укажи shadow все нужные свойства |
блин, читайте пож-та внимательнее!
Цитата:
|
Цитата:
Только как понять те слова правильно? |
библиотека подключается в HEAD больше в html-файле ничего нет. Т.е. все действия должна производить библиотека сама. Мы даже не можем дописать в body тэг div. Его можно вствать через document.createElement(); но как его отрисовать, если ко времени подключения библиотеки тэга body на странице ещё нет! (он ещё не догрузился)
|
belkir, уже лучше... :)
Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
var val='<p>Test...</p>'
$(document.body).append(val);
});
$(window).load(function(){
alert('Страница загружена');
});
</script>
</head>
<body>
</body>
</html>
|
Зачем вообще вставлять div? Cкройте контент (css) и покажите лоадер на body опять же css'ом.
|
Цитата:
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 04:55. |