Slyweb
На разработку сайта! Скидки 50%!

Наладить прогрессбар (для начинающих)

Спрашивайте здесь о jQuery UI.

Наладить прогрессбар (для начинающих)

Сообщение vdn » 04 июл 2010, 20:39

Прогрессбар отображается , но от времени не изменяется? Подскажите, где что исправить. Спасибо.

<html><head>
<meta name="keywords" content="" />
<meta name="description" content="" />

<script src="form_files/core.js" type="text/javascript"></script>

<link href="form_files/form.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link type="text/css" href="jqueryui/themes/base/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="jqueryui/jquery-1.4.2.js"></script>
<script type="text/javascript" src="jqueryui/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="jqueryui/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="jqueryui/ui/jquery.ui.progressbar.js"></script>
<link type="text/css" href="jqueryui/demos/demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#progressbar").progressbar({
// value: 0

//======================================
//var tm=setInterval('refr_time();',1000);
//getter
//var value = $( ".selector" ).progressbar( "option", "value" );
//setter
//$( ".selector" ).progressbar( "option", "value", tm);
//=====================================
});
});

var t=40; /* Даём 20 секунд */

function refr_time()
{
if (t>0)
{
t--;
document.getElementById('timer').innerHTML=t;
$( ".selector" ).progressbar({
change: function(event, ui) { refr_time(); }
});

}
}
</script>

<title>Test OCA - Оксфордский тест личности.</title>
</head><body>

<div>
<form id="testform" name="testform" method="POST" action="index.php">
<br><strong>На прохождение теста у Вас 40 минут.<br>Оставьте, пожалуйста, свои данные и отправьте тест.</strong><br><br>
<font color="#cc0000">Внимание! Результаты онлайн-теста действительны в
течении 3-х дней с момента его заполнения.</font><br><br>


<table width="0" border="0" cellpadding="5" cellspacing="0">
<tbody><tr>
<td nowrap="nowrap">Ваше имя*</td>
<td><input name="Name" size="30" maxlength="50" type="text"></td>
</tr>

<tr>
<td nowrap="nowrap">Е-мейл*<br>Сюда направим ссылку <br>для получения результата</td>
<td><input name="email" size="30" maxlength="50" type="text"></td>
Сюда направим ссылку для получения результата
</tr>

<tr>
<td nowrap="nowrap">Пол*</td>
<td>
<select name=pol size=1>
<option value=1>M</option>
<option value=2>J</option>
</select>
</td>

</tr>
<tr>
<td nowrap="nowrap">Ваш возраст*</td>
<td><input name="Age" size="2" maxlength="2" type="text"></td>
</tr>
<tr>
<td nowrap="nowrap">Телефон*
(с кодом города) </td>
<td><input name="Phone" size="30" maxlength="50" type="text"></td>
</tr>
<tr>
<td nowrap="nowrap">Город</td>
<td><input name="town" size="30" maxlength="50" type="text"></td>
</tr>
<tr>
<td nowrap="nowrap">Откуда узнали о тесте</td>
<td><input name="howtoknow" size="30" maxlength="50" type="text"></td>
</tr>
<tr>
<td nowrap="nowrap">Коментарии,
если необходимо<br>
(например,
когда удобнее<br>
позвонить Вам) </td>
<td><textarea name="Comments" cols="30" rows="5"></textarea></td>
</tr>
</tbody></table>
Поля, помеченные * - обязательны для заполнения


<br>
<input name="submit" onclick="check(testform);return
document.MM_returnValue" value="Send" type="submit">
<br><br>






<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all">
<div style="width: 37%;" class="ui-progressbar-value ui-widget-header ui-corner-left"></div>
</div>

<div class="demo">
<div id="progressbar"></div>
</div><!-- End demo -->

<div><b>Осталось <span id="timer"></span> секунд</b></div><br>
<script type="text/javascript"><!--
var t=2400; /* Даём 20 секунд */

function refr_time()
{
if (t>0)
{
t--;

document.getElementById('timer').innerHTML=t;
} else
{
clearInterval(tm);
location.href='<?php echo $PHP_SELF?>';
}
}
var tm=setInterval('refr_time();',1000);
--></script>

<strong>ДА</strong> - «определённо ДА» или «скорее всего ДА»; <br>
<strong>МБ</strong> - «может быть» или «неуверен»; <br>
<strong>НЕТ</strong> - «определённо НЕТ» или «скорее всего НЕТ»<br>
<br>
vdn
 
Сообщения: 1
Зарегистрирован: 04 июл 2010, 20:35

Вернуться в Вопросы по jQuery UI

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron