VPF::передача параметра в JavaScript - Форум программистов

sugee

Дата 5.3.2006, 15:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Есть файл в который каждые 2 секунды записывается новое число.
Есть прогресс-бар на яваскрипте, который должен принимать параметр из php-скрипта, который считывает содержимое файла.
Вопрос: как сделать это считывание периодическим, чтобы прогресс-бар отражал состояние файла?

Код


$number=0;

echo '<html>
<style type="text/css">
#bar {
  position: relative;
  width: 200px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  border: 1px solid black;
}

#fill {
  float: left;
  width: 0%;
  background-color: navy;
}


</style>
 <table>
<tr><td align="left">'.$number.'%</td></tr>
<tr><td>
<div id="bar"><div id="fill"></div></div>
</td></tr></table>

<script type="text/javascript">
<!--
var o=document.getElementById("fill");
var p=0;
var tmr=window.setInterval(progress('.$number.'), 500); 

function progress(pr) {
 tek=p+pr;
 if(tek<100) o.style.width=tek+"%";
 else window.clearTimeout(tmr);
}

</script>
</html>';

sugee

Дата 5.3.2006, 16:53 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Я реализовал вариант с перезагрузкой страницы, работает но смотрится кошмарно.

Код


$number=0;
$f = fopen("process.txt", "r");
$number=fread($f, 2);

echo '<html>
<style type="text/css">
#bar {
  position: relative;
  width: 200px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  border: 1px solid black;
}

#fill {
  float: left;
  width: 0%;
  background-color: navy;
}


</style>
 <table>
<tr><td align="left">'.$number.'%</td></tr>
<tr><td>
<div id="bar"><div id="fill"></div></div>
</td></tr></table>

<script type="text/javascript">
<!--
var o=document.getElementById("fill");
var p=0;
progress('.$number.'); 
setInterval(reload(), 1000);

function reload() {
window.location.href = "1.php";
}

function progress(pr) {
 tek=p+pr;
 if(tek<100) o.style.width=tek+"%";
 else window.clearTimeout(tmr);
}

</script>
</html>';

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

Код


$count=0;
while($count<=100) {
  $f = fopen("process.txt", "w");
  fwrite($f, $count);
  $count+=10;
  sleep(2);
}

fclose($f);
echo "Готово";

Это сообщение отредактировал(а) sugee - 5.3.2006, 17:11

Ciber SLasH

Дата 5.3.2006, 19:23 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

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

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

Цитата(sugee @ 5.3.2006, 16:53

)

Нужно без перезагрузки

Тогда сходи в раздел JavaScript и поищи темы с обсуждением XmlHttpRequest.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| PHP: Общие вопросы \| Следующая тема »