ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / скрыть элемент до полной загрузки страницы
7 сообщений из 7, страница 1 из 1
скрыть элемент до полной загрузки страницы
    #37937822
da17
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
da17
Участник
Есть html страница. Страница большая и после загрузки должен запуститься скрипт который модифицирует ее элементы(сразу нельзя, т.к. используется система автогенерации html в моих руках лишь javascrip). Соответственно пока страница загружается, пока скрипт отрабатывает информацию перед пользователем висит старый дизайн который постепенно превращается в новый. Выглядит это все "не очень". Необходимо скрыть старый дизайн до отработки всех скриптов.
...
Рейтинг: 0 / 0
30.08.2012, 20:25:01
| Ответить | Цитировать | Написать  
скрыть элемент до полной загрузки страницы
    #37937831
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
da17после загрузки должен запуститься скрипт который модифицирует ее элементы
Старый, добрый

Код: html
1.
2.
3.
<body onload='<твой_скрипт>'>
...
</body>
...
Рейтинг: 0 / 0
30.08.2012, 20:35:50
| Ответить | Цитировать | Написать  
скрыть элемент до полной загрузки страницы
    #37937838
da17
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
da17
Участник
А как происходит загрузка страницы, имею в виду, элементы начинают отобржаться до или после отрабатывания обработчика onload?
...
Рейтинг: 0 / 0
30.08.2012, 20:49:23
| Ответить | Цитировать | Написать  
скрыть элемент до полной загрузки страницы
    #37938025
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Смотря что понимать под элементами =)
...
Рейтинг: 0 / 0
31.08.2012, 01:08:52
| Ответить | Цитировать | Написать  
скрыть элемент до полной загрузки страницы
    #37938201
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
после <body> вешаешь что то типа
Код: html
1.
<div style="background-color: #fff; width: 100%; height: 100%; position: absolute; z-index: 9999;" id="mrak"></div>



и скрипт
Код: javascript
1.
2.
3.
4.
$(document).ready(function() {
         /*обновляем страничку*/
$('#mrak').hide();    //убираем закрывающий див
    });



к примеру так
...
Рейтинг: 0 / 0
31.08.2012, 09:35:31
| Ответить | Цитировать | Написать  
скрыть элемент до полной загрузки страницы
    #37938250
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    #curtain {
      background-color: gray;
      height: 100%;
      position: absolute;
      width: 100%;
      z-index: 1000;
    }
  </style>
</head>  
<body>
  <div id="curtain"></div>
  <p>Старый дизайн</p>
  <script>
    var curtain = document.getElementById('curtain');

    if (confirm('Открыть занавес?')) {
      curtain.parentNode.removeChild(curtain);
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
31.08.2012, 10:10:09
| Ответить | Цитировать | Написать  
скрыть элемент до полной загрузки страницы
    #37938270
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Вернее так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    #curtain {
      background-color: gray;
      height: 100%;
      position: absolute;
      width: 100%;
      z-index: 1000;
    }
  </style>
</head>  
<body>
  <div id="curtain"></div>
  <div id="content">
    <p>Старый дизайн</p>
  </div>
  <script>
    setTimeout(
      function() {
        var content = document.getElementById('content'),
            curtain = document.getElementById('curtain');
        
        for (var i = 0; i < 2000000000; i++);
    
        content.innerHTML = '<p>Новый дизайн</p>';
        curtain.parentNode.removeChild(curtain);
      }, 0);
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
31.08.2012, 10:22:56
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / скрыть элемент до полной загрузки страницы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37938270&tid=1449403]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 165ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 62ms
get tp. blocked users:
 2ms
others: 247ms
total:  522ms
созд. / загр.: 522ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]