[Viking5310]

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

Сам вообще в этом полный 0

[Inforation]

Сам давненько заметил, такую штуку, правда для молодых сайтов такое не рекомендую (вернее ПС это не любит). И эта замануха реально работает.

[OneShot]

Идея супер) Делается все элементарно на яваскрипте

---------- Сообщение добавлено 04:26 ---------- Предыдущее 04:17 ----------

Код:

<script type="text/javascript">
function timer(){
 var obj=document.getElementById('timer_inp');
 obj.innerHTML--;
 
 if(obj.innerHTML==0){alert('Hello');setTimeout(function(){},1000);}
 else{setTimeout(timer,1000);}
}
setTimeout(timer,1000);
</script>
<div id="timer_inp">10</div>

Скрипт обратного отсчета

[Viking5310]

OneShot, не, это не то!

Нужно что-то типа такого:

PHP код:

<div id="link">Ссылка будет доступна через <span id="time">20 секунд</span></div> <script type="text/javascript">
var time_left = 20;
var link = "http://google.ru/";

var Timer = setInterval(function() {

time_left--; 
if (time_left == 0) {
clearInterval(Timer);
document.getElementById('link').innerHTML = "<a href='"+link+"'>Ссылка</a>"; 
} else {
document.getElementById('time').innerHTML = time_left+" секунд"; 
}

}, 1000);

</script> 


и этого:

PHP код:

<script type="text/javascript">function closeBox(toClose) {document.getElementById(toClose).style.display = "none";}</script>

<style type="text/css">div.guestwarn {background:black;color:white;max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;left: 1%;top: 90%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88); -moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919;}
.close {float: right;background: transparent url(http://i44.servimg.com/u/f44/16/54/26/99/x10.png);width: 22px;height: 22px;}</style>
<div id="message-1" class="msgbox" style="display: block;"><div class="guestwarn">

<a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Закрыть"></a> Ну, заходи, гостем будешь! Если ты читаешь этот текст, значит тебе пора зарегистрироваться. <a href="/register">Жми эту надпись</a>, чтобы зарегистрироваться и начать полноценно пользоваться нашим форумом!</div></div> 


только все вместе!

[kennivich]

Кстати действительно неплохая идея. Правда не с любой аудиторией такое прокатит.

[OneShot]

kennivich,
Да и не на всех сайтах. Например в интернет магазине прокатит с выдачей купона на маленькую скидку после ожидания)

[Viking5310]

Так как это все совместить в одно?

[cOAPerator]

Так как это все совместить в одно?

так не

типа все вместе

PHP код:

<script type="text/javascript">function closeBox(toClose) {document.getElementById(toClose).style.display = "none";}</script> 
<style type="text/css">div.guestwarn {background:black;color:white;max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;left: 1%;top: 90%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88); -moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919;} 
.close {float: right;background: transparent url(http://i44.servimg.com/u/f44/16/54/26/99/x10.png);width: 22px;height: 22px;}</style> 
<div id="message-1" class="msgbox" style="display: block;"><div class="guestwarn"> 

<a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Закрыть"></a> Ну, заходи, гостем будешь! 
<div id="link">ожидай <span id="time">20 секунд</span> и получишь бонус )</div>
<script type="text/javascript"> 
var time_left = 20; 
var link = "http://google.ru/"; 

var Timer = setInterval(function() { 

time_left--;  
if (time_left == 0) { 
clearInterval(Timer); 
document.getElementById('link').innerHTML = "Твой бонус - <a href='"+link+"'>Ссылка на страницу google.ru</a>";  
} else { 
document.getElementById('time').innerHTML = time_left+" секунд";  
} 

}, 1000); 

</script>

</div></div> 


[свернуть]