Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как сделать Loader? 
V
    Опции темы
PosiTive
Дата 31.12.2006, 12:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Видел на многих сайтах сначала появляется маленькое окошко с процентами, а потом резко вся страница целиком без задержек. Вопрос как реализовывается подсчет процентов загрузки и погружение страницы в буфер!

Буду благодарен полноценным ответам.

P.S: всех с новым годом smile
PM MAIL   Вверх
pythonwin
Дата 3.1.2007, 15:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

Репутация: нет
Всего: 36



думаю рисунок-бегунок - это div с gif внутри, а страничка загружается через AJAX
PM WWW GTalk Jabber   Вверх
Vaulter
Дата 3.1.2007, 19:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

Репутация: нет
Всего: 22



почему gif? почему рисунок?
все в ч.б. можно smile процентики и т.д.


--------------------
PM MAIL WWW ICQ   Вверх
pythonwin
Дата 4.1.2007, 12:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

Репутация: нет
Всего: 36



Цитата(Vaulter @  3.1.2007,  22:07 Найти цитируемый пост)
почему gif? почему рисунок?

ну можно и текст...
это можно спросить у модераторов JS - на форуме эта мулька реализована
PM WWW GTalk Jabber   Вверх
Nicholas_S
Дата 4.1.2007, 14:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 19



На форуме это gif-картинка, причем без процентов.
Обычно назначение такой фишки то, чтобы показать пользователю, что "браузер работает, ждите". Проценты здесь лишние имхо, ибо первые 10 могу загружаться 10 секунд, а последние 90 - мгновенно.


--------------------
...все в мире относительно
PM   Вверх
3x3
Дата 5.1.2007, 02:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 8



Цитата(Nicholas_S @ 4.1.2007,  14:32)
На форуме это gif-картинка, причем без процентов.
Обычно назначение такой фишки то, чтобы показать пользователю, что "браузер работает, ждите". Проценты здесь лишние имхо, ибо первые 10 могу загружаться 10 секунд, а последние 90 - мгновенно.

Не только картинка:

Код

<span style="display: none;" id="ajax_w"><b>Загрузка. Пожалуйста,<br />подождите...</b><br /><br /><img src="/style_images/2/l_ajax.gif" alt=""/></span>



--------------------
Зачем платить больше,
когда можно заплатить дважды?
PM   Вверх
LesnoyChelovek
Дата 5.1.2007, 05:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


странник Интернета
**


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

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



А на многих сайтах это вообще с помошью Флэш технологий сделано. Вот!


--------------------
Делай добро и бросай его в воду... оно не утонет.. добром к тебе вернеться.
http://picasaweb.google.com/LesnoyChelovek/Photo
PM MAIL   Вверх
Wolf1994
Дата 5.1.2007, 11:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 1
Всего: 29



Цитата(PosiTive @  31.12.2006,  12:56 Найти цитируемый пост)
Вопрос как реализовывается подсчет процентов загрузки и погружение страницы в буфер!


Можно сделать так:

1. Определяем UserAgent - если он не относится к поисковому боту, то все ссылки направляем на скрытый ифрэйм специальному скрипту.
2. Этот скрипт выдаёт JS, который выводит в родительском документе строку загрузки - она может содержаться там изначально и выводиться сменой аттрибутов свойства display.
3. Серверный скрипт генерирует страницу, отслеживая выполняемые операции и соответствующие им значения загрузки в процентах, обновляя через JavaScript статус бара.
4. Сформированная страница грузится через innerHTML в тело основного документа.



Это сообщение отредактировал(а) Wolf1994 - 5.1.2007, 11:15
PM MAIL WWW   Вверх
pythonwin
Дата 5.1.2007, 11:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

Репутация: нет
Всего: 36



Цитата(Wolf1994 @  5.1.2007,  14:08 Найти цитируемый пост)
4. Сформированная страница грузится через innerHTML в тело основного документа.

почему не DOM ?
я не против innerHTML.
PM WWW GTalk Jabber   Вверх
Wolf1994
Дата 5.1.2007, 11:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 1
Всего: 29



Цитата(pythonwin @  5.1.2007,  11:19 Найти цитируемый пост)
почему не DOM ?


А чем "Dynamic Object Model" лучше? Я не владею вопросом и привёл своё решение...
PM MAIL WWW   Вверх
pythonwin
Дата 5.1.2007, 12:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

Репутация: нет
Всего: 36



Цитата(Wolf1994 @  5.1.2007,  14:31 Найти цитируемый пост)
А чем "Dynamic Object Model" лучше? Я не владею вопросом и привёл своё решение... 

++1 smile
просто кто-то использует innerHTML, а кто-то больше любит DOM - её легче и более красиво совмещать с ООП на сервере - можно сильно сократить код и в тоже время сделать его очень читабельным.
Но это дело вкуса - сам для маленьких задач использую innerHTML, но это не значит, что на большее innerHTML не способен.
PM WWW GTalk Jabber   Вверх
PosiTive
Дата 5.1.2007, 20:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



а кто-нибудь знает как просчитать проценты загрузки страницы?
PM MAIL   Вверх
Wolf1994
Дата 5.1.2007, 21:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 1
Всего: 29



Самое простое - это вместо приведённого мной 3-его пункта, сделать:

- заранее

Код

$pagesize=sizeof (file ("page.html"));


- и потом при выполнении скрипта:

Код

fopen ("page.html", "r");
$c=0;
while ( !feof ($fp) )
{
 $content.=fgets ($fp);
 $c++;
 $progress=($c/$pagesize)*100;
 //и средствами JS отображать значение $progress в родительском окне.
 //после чего вставить через innerHTML в "родителя" $content
}
fclose ($fp);


- минус, если страница отдаётся неровно, будет неровным прогрессс загрузки.

Немного надёжнее - считать время загрузки страницы, вычислять среднее значение и хранить его в базе для данной страницы. А при обращении к странице просто его вытаскивать и отводить JS это время на ровный эффект наполнения полосы ожидания.

P.S. Чистая теория...

Это сообщение отредактировал(а) Wolf1994 - 5.1.2007, 21:26
PM MAIL WWW   Вверх
PosiTive
Дата 7.1.2007, 06:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Wolf1994, спасибо. буду пробовать.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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