JSFiddle - React, Tailwind, and code Playground

by zbst

HTML

<div style="display:none;" id="feedback"> 
<div class="banerBox" onclick="showLinks(this,'linkBox');"><b>Уважаемый <?if($UID$)?>$USERNAME$<?else?>Гость<?endif?>, чтобы скачать файл кликните по одной из рекламных ссылок.</b> 
 <br><br><span style="color: red;">13123123</span>


 
 
 <table cellpadding="1" cellspacing="1" style="width: 500px;">
 <tbody>
 
 <tr>
 <td style="text-align: center;"><?if($FILE_URL$)?>
<a class="dload" href="javascript://" onclick="dload('$FILE_DIRECT_URL$',this);"><div style="font-size: 22px; padding-top: 15px; padding-left: 80px;"><b>Скачать с сервера</b></div><div style="font-size:11px; font-family:tahoma; padding-top:5px; padding-left:100px;"><b>Размер: $FILE_SIZE$ || Загрузок: $LOADS$</b></div></a>
<?endif?></td>
 <td style="text-align: center;"><?if($RFILE_URL$)?>
 <a class="dload" target="_blank" href="$RFILE_DIRECT_URL$"><div style="font-size: 22px; padding-top: 15px; padding-left: 80px;"><b>Скачать с зеркала</b></div><div style="font-size:11px; font-family:tahoma; padding-top:5px; padding-left:100px;"><b>Размер: $RFILE_SIZE$ || <? substr($RFILE_DIRECT_URL$,7,14) ?></b></div></a>
<?endif?></td>
 </tr>
 </tbody>
</table>

CSS

.banerBox{cursor:pointer;} 
.myLinkBox{display:none;} 

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('/templates/images/load/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('/templates/images/load/download_bg.png') no-repeat bottom right; height:70px; width:305px; display:block;}

JavaScript

function showLinks(el,id){var linkBox=document.getElementById(id).style.display='block';el.style.display='none';} 

 function openchat(){new _uWnd('chat',' Внимание',620,300,{align:'left',shadow:1,header:1,resize:1,autosize:1,modal:1},$('#feedback').html()); }; 

function dload(link,obj){ 
_uWnd.alert('<span id="timer0">Ожидайте <b id="timer1">5</b> секунд</span>','', 
{w:200,h:80,tm:5000,pad:20}); 
obj.disabled = true; 
var out = 4; 
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); 
}