кнопка скачать + Таймер - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.216.42.225

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

кнопка скачать + Таймер

DomeH1k

Сообщение оставлено 19.05.2010 в 14:02:59 | Сообщение #1

посетитель вашего сайта увидит такую кнопку,
нажав на нее всплывет 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;}

а это в корень сайта:

http://s13.radikal.ru/i186/1005/1e/6d2aecda49e4.png

DomeH1k	Сообщение оставлено 19.05.2010 в 14:02:59 \| Сообщение #1
Проверенный Воплощаю новые идеи Сообщения: 2 60	посетитель вашего сайта увидит такую кнопку, нажав на нее всплывет 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;} а это в корень сайта: http://s13.radikal.ru/i186/1005/1e/6d2aecda49e4.png
	Профиль Цитата Вверх