Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Загрузка php 
:(
    Опции темы
Annuta
Дата 9.10.2007, 20:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 174
Регистрация: 3.10.2006
Где: Dubna

Репутация: нет
Всего: 1
Привет, у меня такая проблема, у меня есть пхп скрипт, который оочень долго формирует стр, т.к. много инфы грузит из БД.
Это проходит очень не красиво... Подскажите можно ли JavaScript написать скрипт, который бы выдавал на весь экран стр на белом фоне ЗАГРУЗКА...  а под ней пока грузился мой пхп ??? Помогите примером пожаста  smile .. спасибо.


--------------------
Программист - это комбинация лени и логики !
PM MAIL   Вверх
cruelangel
Дата 9.10.2007, 20:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 319
Регистрация: 12.9.2007

Репутация: 4
Всего: 8
какого рода инфа? почему бы не разбить её на страницы?
PM MAIL   Вверх
Annuta
Дата 9.10.2007, 20:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 174
Регистрация: 3.10.2006
Где: Dubna

Репутация: нет
Всего: 1
на части не получится... там грузится стр с таблицами, которая отображает состояние БД. Да ко всему прочему таких таблиц три... они расположены на разных слоях, на одной стр.  Как же я это всё на части разобью ?
--------------------
Программист - это комбинация лени и логики !
PM MAIL   Вверх
webevt
Дата 9.10.2007, 20:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 235
Регистрация: 5.5.2005

Репутация: нет
Всего: 3
Вот окошко. Его поместить где-то в начале документа.
Код

TABLE.loadbar {
 font-size: 11px;
 font-weight: normal;
 font-family: Verdana;
 color: gray;

 background-color: #ffffe9;
 border: 1px #f5f5c7 solid;
 width: 40%;
 height: 100px;
 margin: 3px 3px 3px 3px;

 position: absolute;
 top: 200px;
 left: 300px;

 display: none;
}
.loadbar {
 font-size: 11px;
 font-weight: normal;
 font-family: Verdana;
 color: gray;
}
.loadbarheader {
 font-size: 11px;
 font-weight: bold;
 font-family: Verdana;
 color: gray;
 height: 23px;
 background-color: #f5f5c7;
}


Код

<table id='loadbar_table' align='center' cellspacing='0px' cellpadding='3px' class='loadbar' >
<TR>
<TD align='center' class='loadbarheader' >
Загрузка
</TD>
</TR>
<TR>
<TD id='loadbar' align='center' class='loadbar' >
Пожалуйста, подождите...
</TD>
</TR>
</table>


Вот JS-функция, отвечающая за показ "окошка":
Код

// LoadBar ( id_объекта, статус )
// 1 - показывается || 2 - скрыто
function LoadBar ( Id, State )
{
  var Obj = document.getElementById ( Id );
  if ( State == 1 )
    Obj.style.display = 'block';

  if ( State == 0 )
    Obj.style.display = 'none';
}

В теге <BODY> в onLoad написать эту функцию.

Это сообщение отредактировал(а) webevt - 9.10.2007, 20:37
PM MAIL   Вверх
Annuta
Дата 9.10.2007, 20:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 174
Регистрация: 3.10.2006
Где: Dubna

Репутация: нет
Всего: 1
webevt, спасибо за скрипт, я пытаюсь реализовать ваш пример так
Код

<body onload="LoadBar("loadbar_table",1);">
<table id='loadbar_table' align='center' cellspacing='0px' cellpadding='3px' class='loadbar' >
<TR>
<TD bgcolor=#EDEDED align='center' class='loadbarheader' >
Загрузка
</TD>
</TR>
<TR>
<TD bgcolor=#FEFEFEF id='loadbar' align='center' class='loadbar' >
Пожалуйста, подождите...
</TD>
</TR>
</table>         
</body>
</html>

и не вижу ничего... вообще...  просто белый лист. я так понимаю что это display: none; тому виной...
и я не очень понимаю, как мне это приделать к моему случаю  ? Ведь мне надо будет через 5 сек напрмер переключиться с одного ид на другой ? как ??? я правильно понимаю вашу мысль ?
--------------------
Программист - это комбинация лени и логики !
PM MAIL   Вверх
cruelangel
Дата 9.10.2007, 21:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 319
Регистрация: 12.9.2007

Репутация: 4
Всего: 8
> там грузится стр с таблицами, которая отображает состояние БД

у БД так много состояний? 0_0


> таблиц три... они расположены на разных слоях

почему бы их не разнести по трём страницам?
PM MAIL   Вверх
Annuta
Дата 9.10.2007, 21:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 174
Регистрация: 3.10.2006
Где: Dubna

Репутация: нет
Всего: 1
...вся идея состоит в том, что при преключении между слоями не нужна дополнительная загрузка данных, а между стрницами нужна.
...вопро.. а сложно организовать такую вещь с учётом примера который подсказал webevt
сделать тамер на 10 с... что бы он 10 сек показывал слой 1 а потом переключался на слой 2./который за 10 с загрузится/. ??????
--------------------
Программист - это комбинация лени и логики !
PM MAIL   Вверх
dsCode
Дата 9.10.2007, 22:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 565
Регистрация: 8.9.2007
Где: Saint-Petersburg

Репутация: 19
Всего: 26
Была похожая тема. webevt, onLoad наступит, когда вся страница загрузится, так что нет смысла показывать там див загрузки. Можно сделать в head'e document.write('невидимый_див_контейнер'), так же document.write('див_загрузки') а в onLoad уже спрятать загрузку и показать контейнер.

Это сообщение отредактировал(а) dsCode - 9.10.2007, 22:23


--------------------
the .code inside
:my music
PM MAIL WWW ICQ Jabber   Вверх
webevt
Дата 23.10.2007, 21:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 235
Регистрация: 5.5.2005

Репутация: нет
Всего: 3
Цитата(dsCode @  9.10.2007,  22:23 Найти цитируемый пост)
onLoad наступит, когда вся страница загрузится

Правильно. Когда онлоад наступит, то див уже спрячется. А до этого момента будет виден.
Цитата(Annuta @  9.10.2007,  20:55 Найти цитируемый пост)
я так понимаю что это display: none; тому виной...

Точно ;) Просто из своего скрипта взял, забыл убрать. Это окошечко у мну работает как индикатор аяксовских обращений) Но и в вашем варианте будет работать smile
PM MAIL   Вверх
sergejzr
Дата 23.10.2007, 22:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360


Эту строку из твоего кода:
Код

<body onload="LoadBar("loadbar_table",1);">


следует писать так:
Код

<body onload="LoadBar('loadbar_table',1);">


А вообще, в Firefox есть такая классная тульза - Консоль ошибок. Много дискуссий может сэкономить smile


--------------------
Me.
FB.
LinkedIn.
ORCID.
YT.
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
NNaarreekk
Дата 28.10.2007, 01:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 768
Регистрация: 23.6.2007
Где: Армения

Репутация: нет
Всего: 3
Зайди сюда, если чтото вроде этого нужно в сорсе посмотри.


--------------------
Забронировать отель в Ереване
Рестораны Еревана
PM MAIL WWW   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0793 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.