PHP, MySql и другие страшные слова

Прогресс-бар – наброски)

Сидел я сегодня на работе и думал чем бы заняться) И как положено посетила идея, дайка я переделаю один из своих проектов. Как известно дурное дело – дело не хитрое)

Спустя н-часов обновленный photowar.ru был готов.
ЗЫ: Истина, спасибо за помощь с логотипом)
Но проблема была в том что до конца рабочего дня осталось еще довольно много времени, и я решил позаниматься украшательствами.
Ну а теперь подробнее:
Одна из задач проекта загружать и обрабатывать большое количество фотографий, причем из одной исходной создается 4 разно размерных, и при сет_тайме(100), успевало обработаться только 20-25 картинок, тогда как в ожидание было более 500.
Стоит ли дальше писать что меня посетила гениальная идея сделать все это с нормальным прогресс-баром и сидеть медитировать на него)
А теперь то что получилось.
ЗЫ: Это не полноценный рабочий скрипт, а скорее наброски и алгоритмика.
Делать все будем в фоне с помощью аякса.
Вот компоненты:
верстка:

$count - общее количество записей
$pi - один процент ($count/100)
в спане с ид=count_text храним количество уже обработанных записей

Обработано 0 из

код js (jqwery)

function upload(server,pi){
$.ajax({
type: "POST",
cache: false,
url: AJAX_PATCH,
data: "function=upload&server="+server,
success: function(msg){
if(msg=='exit'){
//завершение обработчика
document.getElementById('statist').innerHTML = "Обработка завершена"+document.getElementById('statist').innerHTML;
//сразу закрываем ползунок
document.getElementById('progres').style.width = "100%";
}else{
//текущий элемент
con=parseInt(document.getElementById('count_text').innerHTML);
//увеличиваем счетчик
document.getElementById('count_text').innerHTML = con+1;
//процент для ползунка
proc=con/pi;
//присваиваем значение ползуну
document.getElementById('progres').style.width = proc+"%";
//выводим в чат сообщение сервера
document.getElementById('statist').innerHTML = msg + document.getElementById('statist').innerHTML;
//запускаем наш скрит еще раз
upload(server,pi);
}
}
});
}

Думаю пхп-шный код тут приводить не надо и так понятно, что в аяксе пхп обрабатывает одну запись, в моем случае фотографию)

Читай с RSS. Не пропусти интересное)

Теги: JS, PHP

2 комментария на Прогресс-бар – наброски)

1. 

   +1)
ИстинА on 09 Фев 2010
2. 

   Все бы хорошо, но зачем в обработчике событий чистый JS если в скобочках вы пишите, что это JQery ? Код в разы был бы меньше
Виталий on 09 Апр 2010

Ваш отзыв