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

Код: html
1.
2.
3.
<body onload='<твой_скрипт>'>
...
</body>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2012, 20:49:23
    #37937838
da17
da17
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрыть элемент до полной загрузки страницы
А как происходит загрузка страницы, имею в виду, элементы начинают отобржаться до или после отрабатывания обработчика onload?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.08.2012, 01:08:52
    #37938025
Малыхин Сергей
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрыть элемент до полной загрузки страницы
Смотря что понимать под элементами =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.08.2012, 09:35:31
    #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, 10:10:09
    #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:22:56
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / скрыть элемент до полной загрузки страницы / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 428ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1449403]:
 0ms
get settings:
 4ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 166ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 196ms
total:  428ms
x
x
Закрыть


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