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&tid=1449403]:
 0ms
get settings:
 5ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 171ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 204ms
total:  452ms
созд. / загр.: 452ms
x
x
Закрыть


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