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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ajax Прогрессбар, при содействиии php скрипта 
:(
    Опции темы
NetFlame
  Дата 8.3.2008, 10:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Добрый день!

Хотелось бы посмотреть пример ( если такой существует ):

При определенном событии появляется статус-бар в браузере пользователя и начинает проверять определенный файл на его содержимое.
Например, если в файле содержимое 5, то на прогрессбаре появится 5 процентов и т.д.

Для чего это надо: мне нужно отображать процент выполнения php скрипта, который очень долго выполняется. И на определенных этапах, скрипт будет записывать в файл процент его выполнения, а javascipt его считывать и отображать в браузере.

Заранее спасибо.
PM MAIL WWW ICQ   Вверх
dsCode
Дата 8.3.2008, 11:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



NetFlame, а в чем проблема?

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

Как работать с аяксом - поищите на форуме, технология уже далеко не новая - есть куча статей и примеров.


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


Опытный
**


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

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



dsCode, мне нужен конкретный пример, на форуме искал - не нашел, а с явой ( тем более аяксом ) у меня, мягко говоря, не очень...
PM MAIL WWW ICQ   Вверх
Sardar
Дата 8.3.2008, 14:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



Прогрессбар - картинка position:absolute; top:0px; left:-{wdith}px; в div'е с фиксированными размерами, position: relative; overflow: hidden; Сдвигаем картину вправо - загрузка. Картинку можно заменить другим div'ом если не нужна анимация.

После начала процесса (к примеру отослали файл), создаём ифрейм, опрашиваем php скрипт. Скрипт не закрывает соединение, пишет с интервалом в 2-3 секунды:

Код
<script type="text/javascript">
progress({число 0-100});
</script>


Естественно ограничений по времени у него быть не должно. Скрипт замеряет прогресс у себя и просто раппортирует его. Если отсылаем файл, то его можно отослать сразу в ифрейм, но тогда прогресса не заметим пока файл полностью не будет загружен на сервер (а там работа обычно 1-3 секунды, прогрессбар не нужен...)

*по времени, а не по скорости, опечатался smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
NetFlame
Дата 8.3.2008, 16:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Выглядит отлично, но слишком сложно  smile 
PM MAIL WWW ICQ   Вверх
ksnk
Дата 8.3.2008, 23:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Можно и без фреймов...
Мне было лениво выписывать ajax вручную, да и зависимость уже, видимо сформировалась, так что пример с jQuery... Вот примерно так
Код

<?php
define(PROGRESS_FILE,'progress.txt');
if (!empty($_REQUEST['ajax']))
    switch($_REQUEST['ajax']){
        case 'start':
            if(!file_exists(PROGRESS_FILE)){
                pclose(popen("start /MIN /B Z:\\usr\\sbin\\php5.exe -C longtest.php",'r'));
            }
            echo "0";
            exit();
        case 'progress': 
            if(file_exists(PROGRESS_FILE))
                readfile(PROGRESS_FILE) ;
            else
                echo 'complete...' ;
            exit();
        default:
            echo 'idonow...';
            exit();
    }
?>
<html>
<head>
<script type="text/javascript" src='jquery.js'></script>
<script type="text/javascript">

function start(par){
    if(!par) par='progress';
    $.get(document.location.href+'?ajax='+par,'',progress)
}

function progress(x) {
    if (x.match(/[0-9]+/)) {
        $('#progress_bar').css({width:x+'%'});
        setTimeout(function(){start()},1000);
    } else
        $('#progress_bar').css({width:'100%'});
}

</script>
</head>
<body>
<input type='button' value='click me' onclick='start("start");'>
<div style="height:5px;text-align:left;background:red;">
<div id='progress_bar' style="height:100%;width:0%;background:black;">
</div>
</body>
</html>

Ну и сам longtest.php
Код

<?php
    set_time_limit ( 0 );
    // длинная работа
    for($i=0;$i<100;$i++){
        file_put_contents('progress.txt',$i);
        sleep(1);
    }
    unlink('progress.txt');
?>

Все это добро работает под Windows с Денвером. Чтобы перенастроить запуск фонового процесса на чего-то свое - править в 7 строчке нужные буквы...

Это сообщение отредактировал(а) ksnk - 8.3.2008, 23:37


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Itsys
Дата 8.3.2008, 23:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

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



У меня с длительной обработкой возникали проблемы с обрыванием сервером выполнения скрипта при тайм-ауте smile 

Поэтому я сейчас делаю проще через AJAX либо через iframe вызывается скрипт, у котого стоит ограничение на время выполнения (я ставлю 10 сек, чтобы не очень часто вызывать и при этом не по 1-2 минуте обновления прогрессбара), при заверешении скрипт пишет в результат процент выполнения, это и отображается на картинке с помошью свойства width="..%", положенную либо в div, либо в ячейку таблицы.

Sardar, ты конечно, наверное, скажешь, что не эффективно, зато надежно - да повышается нагрузка из-за запуска и выгрузки скрипта, но я точно знаю, что по таймауту скрипт не выгрузиится и прогресс-бар не остановится.
PM MAIL WWW Skype   Вверх
Sardar
Дата 9.3.2008, 04:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



Цитата(Itsys @  8.3.2008,  22:41 Найти цитируемый пост)
Sardar, ты конечно, наверное, скажешь, что не эффективно

Нет конечно, просто твой метод требует параллельного процесса-монитора, сервис которого опрашиваем - это вряд ли под силу начинающему (особенно вопросы правильной блокировки/синхронизации тредов). Отправить же файл и получать уведомления до готовности в одном запросе - шутка по силам любому smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
NetFlame
Дата 9.3.2008, 19:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Нашел 100% то, что надо __tp://javanet1-staging.locaweb.com/ajax-progress-bar/
Но исходников нет  smile 
PM MAIL WWW ICQ   Вверх
NetFlame
Дата 9.3.2008, 20:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Отлчино, нашел
task?action=startTask

Всё готово ))
PM MAIL WWW ICQ   Вверх
NetFlame
Дата 9.3.2008, 20:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



В IE не работает... на

Код

var message = item.firstChild.nodeValue;


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


 




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


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

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