Главная » 2012 » Сентябрь » 20 » Таймер на скачивание в виде прогресс-бара (Скрипты для ucoz)
20.09.2012, 23:01

Таймер на скачивание в виде прогресс-бара




Интересный скрипт для загрузки файла с сервера.
Если не хотите, чтобы кто-то качал халявно (например гости, но не хотите заставлять регистрироваться) то это то, что нужно.
При нажатии на ссылку появится прогресс-бар, при полном заполнении начнется автоматическая загрузка.

1. Сначала подключаем скрипт (На страницу материала и комментариев к нему)

Code
<script type="text/javascript">  
function progressBar(set) {  
  set = set || {};  
  document.getElementById('pb_all').innerHTML = '<div id="ot" style="width:' + (set.outW || 100) + 'px;height:' + (set.outH || 20) + 'px;' + (set.outB || 'border:1px solid #982929') + ';"><div id="pb" style="background:' + (set.inB || 'yellow') + ';width:0px;height:' + (set.outH || 20) + 'px;"></div></div>';  
// Настройка цвета оконтовки и цвета заполнения.
yellow - заполнение, 982929 - контур.
  var bar = document.getElementById('pb');  
  x = setInterval(function () {  
  if (parseInt(bar.style.width) < (set.outW || 100)) {  
  bar.style.width = parseInt(bar.style.width) + (set.step || 1) + 'px';  
  } else {  
  clearInterval(x);  
  location.href = '$FILE_URL$'; // Ссылка на скачивание!  
  }  
  },  
  1000 / (set.speed || 2))  
}  
</script>


2. По месту вывода ссылки, и, впоследствии, прогресс-бара.
Code
<div id="pb_all"> <center>
<a href="javascript://" onclick="progressBar();">
Скачать файл с сервера <!-- Название ссылки ДО прогресс-бара. -->
</a></div>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 1126 | Добавил: sold93 | Рейтинг: 3.0/1 |
Теги: скачивание, прогресс-бара, на, таймер, виде
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]