|
Новые пользователи
|
Активные пользователи
|
Таймер на скачивание в виде прогресс-бара
 |
Добавил: Liga
Категория: Скрипты для Ucoz
Просмотров: 333
Мне нравится 0 |
Описание:Интересный скрипт для загрузки файла с сервера.
Если не хотите, чтобы кто-то качал халявно (например гости, но не хотите заставлять регистрироваться) то это то, что нужно.
При нажатии на ссылку появится прогресс-бар, при полном заполнении начнется автоматическая загрузка.
Установка:
Сначала подключаем скрипт (На страницу материала и комментариев к нему)
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>
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>
По месту вывода ссылки, и, впоследствии, прогресс-бара.
Code
<div id="pb_all"> <center>
<a href="javascript://" onclick="progressBar();">
Скачать файл с сервера <!-- Название ссылки ДО прогресс-бара. -->
</a></div>
<a href="javascript://" onclick="progressBar();">
Скачать файл с сервера <!-- Название ссылки ДО прогресс-бара. -->
</a></div>
Автор:Неизвестен
Теги материала: Отсутствуют
Вход на сайт
Мини-чат
Популярные файлы
Последний скрипт
Последний скрипт
 | Скрипт информера - команда сайта для Ucoz |
Новое на форуме
Последние комментарии
Администрация не несёт ответственности за содержащие файлы на данном портале.
Все материалы на сайте принадлежат исключительно их владельцам!
Хостинг от uCoz
Все материалы на сайте принадлежат исключительно их владельцам!
Хостинг от uCoz
