Отрисовка элемента до 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'ом.
|
Цитата:
|
Цитата:
|
Цитата:
|
Cобытие ready будет вызвано после формирования всего дерева документа, а не после открытия body.
|
Цитата:
|
belkir - неуч и халявщик. :haha:
|
Цитата:
В общих чертах это body.loading{background:url(loading.gif) center center no-repeat;} body.loading > *{visibility:hidden;} Либо вам скорее подойдет наоборот, body{background:url(loading.gif) center center no-repeat;} body *{visibility:hidden;} body.complete{background:none;} body.complete > *{visibility:auto;} после подгрузки DOM повесить на body класс complete. |
Здравствуйте.
У меня после танцев с аппендом в связке с риплейсом дом показывает /стрекоза в Опере (ВэбДиволопер ее)/ <div class="R Par_zoom_0" style="left: -107px; top: -85px"> <p/> <li>tre</li> <div>tre</div> <img src="vboe.jpg" zoom="Z" class="zoom_0"/> <p/> </div> А задумка была <p><img src="vboe.jpg" zoom="Z" class="zoom_0"/><p/> Переиначить не знаю как и устал играться .Там Ич напрашиваеться .Но и так работает как мне надо.Любой браузер скушает такое или могут быть проблемы? Да,врап там не работает |
Андрей38, пора уже научиться делать нормальные тестовые примеры. Тебе их делали предостаточно...
|
Все.Вас понял,Гуру
|
....А задумка была <p><img src="vboe.jpg" zoom="Z" class="zoom_0"/><p/>
ВСЕМ в помощь! ВНИМАНИЕ!!!!!!!! НЕЛЬЗЯ НИЧЕГО обертвать в тег <p> !!!!!!!!!!!!!!!!!!!!!!!!!Ни скриптом,ни в ШТМЛ*е !!!!!!!!!!! пусть хотя бы даже в span но не в <p> !!!!!!!!!!!!!!!!!!!!!!!!! |
Цитата:
|
Бивас, тест!
<!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 (){ $(':button').click(function (){ $("img").wrap(document.createElement("p")); }); }); </script> </head> <body> <img src='http://javascript.ru/forum/images/smilies/smile.gif' /> <img src='http://javascript.ru/forum/images/smilies/wink.gif' /> <input type='button' value='Go' /> </body> </html> Андрей38, где криминал? |
Здравствуйте КСА!
Я не знаю как этот криэйт элемент ведет себя.(я делаю просто $('<div>xxxx</div>).appendTo('body .D')) Но вот ,штмл <div><li></li><p><img src="vboe.jpg" zoom="Z" class="zoom_0"/><p/></div> сохраняем-открываем в диволопере /Мозилл /(стрекоза_Опера) и видим разрушеный дом,какой так усердно строили <div><li></li><p></p><img src="vboe.jpg" zoom="Z" class="zoom_0"/><p><p/></div> 3 ЦЕЛЫХ дня убил ,пока это выявил.Теперь- все как надо! |
Цитата:
|
Цитата:
- Так конь не ходт... (с) 12 стульев |
Цитата:
...О теге .вставил Ваш пример в Дримвивер,открыл в Моз Диволопере,посмотрел.. Ну,КСА!...Вы Гуру над всеми Гуру!!! Все как надо ! Результат <html><head> </head> <body> <p><img src="http://javascript.ru/forum/images/smilies/smile.gif"></p> <p><img src="http://javascript.ru/forum/images/smilies/wink.gif"></p> </body> </штмл> Спасибо! Но любой как я_такое бы не знал как сделать и почему збоит . Спасибо :yes: ! Мне этот врап(криейт елемент ххх) ОЧЕНЬ пригодиться! |
Цитата:
<div><li></li>...</div> Понял.Ли нужен его родной ЮЛ или ОЛ ,чтоб было нормально ? |
Андрей38, у списка своя структура...
<ul> <li>...</li> ... <li>...</li> </ul> <!-- или --> <ol> <li>..</li> ... <li>...</li> </ol> |
Цитата:
..После этого случая с ЛИ/Р ,чтоб заработал скрипт , я обернул имидж тегом взятым из головы и заработало. И поэтому хочу спросить,можна ли свободно оборачивать,вставлять в дом несуществующие(-ми) в природе теги(-ми)?(а то если много див - то путаешся ,много парентов , eq() и тд) |
Цитата:
Цитата:
Но думаю до ЦМСок, а тем паче до ZENа тебе ох как далеко до огромного сгенерёного контента... Но в любом случае, только тренировка и советы знающих людей помогут таки не путаться в тегах. |
спасибо,профессор
|
Часовой пояс GMT +3, время: 20:00. |