Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Прогресс бар для файлов
Дата: Пт, 23.04.2010, 23:21:44 | Сообщение # 1
Аватарка Nicr
OFF
Пользователь
730 Сообщения:
30 Награды:
0 Отзывы:
Skype пользователя:
Скриншот: http://s56.radikal.ru/i151/1004/90/f826b370a00f.bmp

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

Установка:

1. HTML:

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'});

Скрипт протестирован в браузерах Opera 10, Mozilla FireFox 3 и IE 7, всё работает без багов.

Дата: Вс, 25.04.2010, 14:54:52 | Сообщение # 2
Аватарка vod14ka
OFF
Banned Users
1597 Сообщения:
Спасибо пригодиться
Дата: Вс, 09.05.2010, 11:05:40 | Сообщение # 3
Аватарка mEL
STREET WORKOUT
OFF
Премиум
1694 Сообщения:
177 Награды:
8 Отзывы:
Спасибо!Давно искал!

Дата: Вт, 11.05.2010, 21:04:34 | Сообщение # 4
Аватарка TwoLife^^
OFF
Пользователь
192 Сообщения:
0 Отзывы:
ICQ пользователя:
Nicr, кулл спс

Friends:Чтобы попасть сюда писать в лс
Дата: Чт, 20.05.2010, 00:55:22 | Сообщение # 5
Аватарка Zik
OFF
Пользователь
609 Сообщения:
26 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
спс кульно

[moder]Просто то, чего нет (c) Bull[/moder]
Дата: Ср, 02.06.2010, 23:31:29 | Сообщение # 6
Аватар не установлен
OFF
Пользователь
403 Сообщения:
0 Отзывы:
Nicr, нормально

+ на +))
Дата: Сб, 23.10.2010, 18:24:07 | Сообщение # 7
Аватар не установлен
OFF
Пользователь
287 Сообщения:
4 Награды:
0 Отзывы:
Skype пользователя:
Спасибо! happy
Сообщение отредактировал ShoOky - Сб, 23.10.2010, 18:24:29
Дата: Вт, 18.01.2011, 13:26:15 | Сообщение # 8
Аватарка SergX
OFF
Пользователь
58 Сообщения:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
гыг
  • Страница 1 из 1
  • 1
Поиск: