Таймер на скачивание в виде прогресс-бара Портал Zagru.Ru
Дата публикации:

Таймер на скачивание в виде прогресс-бара Портал Zagru.Ru

1e2808ad Интересный скрипт для загрузки файла с сервера. Если не хотите, чтобы кто-то качал халявно (например гости, но не хотите заставлять регистрироваться) то это то, что нужно. При нажатии на ссылку появится прогресс-бар, при полном заполнении начнется автоматическая загрузка. 1. Сначала подключаем скрипт (На страницу материала и комментариев к нему) <script type="text/javascript"> function progressBar(set) { set = set || {}; document.getElementById('pb_all').innerHTML = '<div id="ot" style="width:' + (set.outW ||+ 'px;height:' + (set.outH ||+ 'px;' + (set.outB || 'border:1px solid #982929') + ';"><div id="pb" style="background:' + (set.inB || 'yellow') + ';width:0px;height:' + (set.outH ||+ '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. По месту вывода ссылки, и, впоследствии, прогресс-бара. <div id="pb_all"> <center> <a href="javascript://" onclick="progressBar();"> Скачать файл с сервера <!-- Название ссылки ДО прогресс-бара. --> </a></div>
Последние твиты:






  • Последние комментарии:

    Это SAPE:
    Сайт сделан на базе 1c программы. 1С - лучшая среда для ведения бухгалтерии и ведения сайтов.