[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: помогите вставить прогресс бар
Серjoo
сэмитировать прогрессбар..

есть например часть кода с формой кнопки нажатия, вырвано из пхп:


<div align="center">
<table
cellpadding="0" cellspacing="0" width="718" height="469">
<tr>
<td
valign="top" height="22" colspan="2">логотип</td>
</tr>

<tr>
<td
height="99" colspan="2"> </td>
</tr>

<tr>
<td
valign="top" height="44" width="356">
<form
method="POST" action="">

<p>
URL1<input type="text" name="url_1" size="20"></p>

</td>
</tr>
<tr>
<td
valign="top" height="44" width="362">
URL2<input type="text" name="url_2" size="20"></td>
</tr>
<tr>
<td
height="1" colspan="2"></td>
</tr>
<tr>
<td
valign="top" height="44" width="356">
<input
type="submit" name="go">
</form>
</tr>
</table>
'; }



как вставить какой нибудь, можно простой, желательно, конечно JavaScript прогресс бар, чтобы сначало была иметация прогреса, потом переход?

раздел называется взаимопомощь, ну в пхп я плаваю, а лого профессиональное создам, если чего))

спасибо..



Спустя 38 минут, 38 секунд (16.10.2010 - 09:50) sergeiss написал(а):
Цитата (Серjoo @ 16.10.2010 - 10:11)
как вставить какой нибудь, можно простой, желательно, конечно JavaScript прогресс бар

Да просто smile.gif Только учти - отвечаю именно на твой вопрос: "как вставить прогресс бар".
Вот есть у тебя строке
<input type="submit" name="go">

Изменяем её
<input type="submit" name="go" onsubmit="showprogressbar()">

Пишем на JS функцию showprogressbar(), и что ты в этой функции заложишь, то и будет делаться. При нажатии GO сначала будет выполнена эта функция, а потом будет сделан переход.

PS. Переношу тему в раздел JS.

Спустя 28 минут, 25 секунд (16.10.2010 - 10:18) ОКЕЙ написал(а):
sergeiss , спасибо

http://www.knowledgebase.vunet.us/web/progressbar.html

как бы мне вот этот задействовать...

только он по кнопке запускается и останавливается..

а как сделать в моём случае???? подскажите плз

Спустя 4 часа, 44 минуты, 26 секунд (16.10.2010 - 15:03) Michael написал(а):
1) форме задай имя.
<form method="post" name="form1">

2) подключи тот js код
3) В обработчике нажатия кнопки напиши:
<input type="submit" name="go" value="go" onclick="progress_update(); return false;" >

- у кнопки нет атрибута onsubmit.
4) измени js код:
var progressAt = 0;
...

function progress_update() {
document.getElementById('showbar').style.visibility = 'visible';
progressAt++;
if (progressAt > progressEnd) {
progress_clear();
document.form1.submit();
}
else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;
progressTimer = setTimeout('progress_update()',progressInterval);
}

5) по желанию сделай форму неактивной, чтобы не щелкали когда уже идет прогресс бар

Спустя 1 час, 30 минут, 19 секунд (16.10.2010 - 16:33) спс написал(а):
smile.gif спасибо! попробую!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.