Просмотр полной версии : Полоса загрузки.
guest3297
25.10.2007, 13:30
Вообще во время работы скрипта надо сделать полосу загрузки, но не показывающую процент загрузки а просто ездиющую туда оттуда, только необходимо что бы во время работы она появлялась а по окончанию, исчезала.
http://www.java2s.com/Code/JavaScript/Development/ProgressBar1.htm
Вот тут нашел токо не вдуплю как сделать что бы она появлялась только во время загрузки скрипта, скрипт приводиться в работу кнопочкой submit, если есть др варианты например затемняющие экран с полосой загрузки буду очень багодарен.
А зачем зря грузить браузер юзера яваскриптом, если тебе не нужны точные данные, вольми просто gif изображения прогресса, вот здесь есть очень хорошие источники
http://madnet.name/news/34.html
далее делаешь стиль изображениея HIDDEN
при нажатии на кнопку меняешь его на VISIBLE
а при окончании работы скрипта на HIDDEN
guest3297
25.10.2007, 14:26
далее делаешь стиль изображениея Hidden
при нажатии на кнопку меняешь его на Visible
а при окончании работы скрипта на Hidden
А можно пример ? =)
Ну примерно так
<style>
.progress{
visibility:hidden;
}
</style>
<script>
function SubMt()
{
var sendproc = document.getElementById("progress");
sendproc.style.visibility = "visible";
}
function SubMt2()
{
var sendproc = document.getElementById("progress");
sendproc.style.visibility = "hidden";
}
</script>
<div id=progress class=progress>Прогресс <img src="http://madnet.name/graf/madssbg.gif"></div>
<input type="submit" onclick="SubMt();" value="Вкл">
<input type="submit" onclick="SubMt2();" value="Выкл">
тагже можеш тут посмотеть
http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/
Хороший проект http://extjs.com/
А вот то что ты ищешь: http://extjs.com/deploy/dev/examples/simple-widgets/progress-bar.html
В примере грузится вся библиотека ~1 мб. При использовании у себя можно взять скрипт для отдельного компонента
vBulletin® v3.8.14, Copyright ©2000-2026, vBulletin Solutions, Inc. Перевод: zCarot