Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.133.113.72
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Прогресс бар для файлов
Сообщение оставлено 26.01.2011 в 12:21:03 | Сообщение #1
Скриншот: http://s56.radikal.ru/i151/1004/90/f826b370a00f.bmp

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

Установка:

1. HTML:

Code
Code
<div id="pb_all">   
        <a href="javascript://" onclick="progressBar();">   
         Скачать   
        </a>   
</div>

2. JavaScript:

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 #79a0c1') +   
';"><div id="pb" style="background:' + (set.inB || '#e6e6fa') +   
';width:0px;height:' + (set.outH || 20) +   
'px;"></div></div>';   
        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>

Код $FILE_URL$ при необходимости заменить на свой.

Также скрипт имеет ряд настроек:

outW — ширина внешнего блока
outH — высота внешнего блока
outB — стиль рамки внешнего блока
inB — цвет прогресс-бара
step — шаг изменения значения прогресс-бара
speed — скорость

Пример настройки:

Code
progressBar({step:1, speed:30, outW:300, inB: '#000000'});
 
 
   
Сообщение оставлено 22.02.2011 в 00:18:35 | Сообщение #2
Спс, забрал!
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика