PDA

Просмотр полной версии : Полоса загрузки.


guest3297
25.10.2007, 13:30
Вообще во время работы скрипта надо сделать полосу загрузки, но не показывающую процент загрузки а просто ездиющую туда оттуда, только необходимо что бы во время работы она появлялась а по окончанию, исчезала.

http://www.java2s.com/Code/JavaScript/Development/ProgressBar1.htm
Вот тут нашел токо не вдуплю как сделать что бы она появлялась только во время загрузки скрипта, скрипт приводиться в работу кнопочкой submit, если есть др варианты например затемняющие экран с полосой загрузки буду очень багодарен.

madnet
25.10.2007, 13:44
А зачем зря грузить браузер юзера яваскриптом, если тебе не нужны точные данные, вольми просто gif изображения прогресса, вот здесь есть очень хорошие источники

http://madnet.name/news/34.html

далее делаешь стиль изображениея HIDDEN

при нажатии на кнопку меняешь его на VISIBLE

а при окончании работы скрипта на HIDDEN

guest3297
25.10.2007, 14:26
далее делаешь стиль изображениея Hidden
при нажатии на кнопку меняешь его на Visible
а при окончании работы скрипта на Hidden

А можно пример ? =)

madnet
25.10.2007, 15:02
Ну примерно так


<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="Выкл">

tip4il
25.10.2007, 16:16
тагже можеш тут посмотеть

http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/

Helios
25.10.2007, 17:26
Хороший проект http://extjs.com/

А вот то что ты ищешь: http://extjs.com/deploy/dev/examples/simple-widgets/progress-bar.html

В примере грузится вся библиотека ~1 мб. При использовании у себя можно взять скрипт для отдельного компонента