Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Полоса загрузки. (https://forum.antichat.xyz/showthread.php?t=51969)

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...gress-bar.html

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


Время: 16:20