[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Кнопка скачать + Таймер
DimoNДата: Четверг, 27.05.2010, 22:40 | Сообщение # 1

Dar[k] S.
Сообщений: 207
Медали:
За создание сайта За хорошию репутации За 50 постов За 100 Постов За 150 Постов За 200 Постов
[ 38 ]
Нету на сайте

посетитель вашего сайта увидит такую кнопку,
нажав на нее всплывет uWnd с таймером.
Там можно настроить время сколько секунд будет таймер!
тут он настроен на 60сек!

это в нужное вам место:

Code
<a class="dload" href="javascript://" onclick="dload('ССЫЛКА НА ФАЙЛ',this);"><div style="font-size: 22px; padding-top: 25px; padding-right: 12px;"><b>Скачать бесплатно</b></div><div style="font-size: 11px; font-family: tahoma; padding-top: 6px; padding-right: 16px;">Размер: ...., Загрузок: ....</div></a>    
<script type="text/javascript">    
function dload(link,obj){    

_uWnd.alert('<span id="timer0">Ожидайте <b id="timer1">60</b> секунд</span>','',    

{w:200,h:80,tm:60000,pad:20});    
obj.disabled = true;    
var out = 59;    
var timer2 = setInterval(function(){    
document.getElementById('timer1').innerHTML = out;    
out--;    
if(out == 0){    
obj.disabled = false;    
location.replace(link);    
clearInterval(timer2);    
document.getElementById('timer0').innerHTML = 'Сохраните файл';    
}    
},1000);    

}    
</script>

в css:

Code
a.dload:link, a.dload:visited, a.dload:active, .dload:link, .dload:visited, .dload:active {text-decoration:none; font-family:arial; color:#fff; background:url('/images/download_bg.png') no-repeat top right; height:70px; width:305px; display:block;}    
a.dload:hover, .dload:hover, a.dload:focus, .dload:focus {text-decoration:none; font-family:arial; color:#fff; background:url('/images/download_bg.png') no-repeat bottom right; height:70px; width:305px; display:block;}

Вот ету картинку сохраняем на робочий стол и заливаем в корень сайта (файловый менеджер)



  • Страница 1 из 1
  • 1
Поиск: