Afisare mesaj daca JavaScript e dezactivat sau Ad-Blocker

Curs Javascript

Codul prezentat in aceasta pagina poate fi utilizat pentru a detecta daca vizitatorul site-ului are un Ad-Blocker care blocheaza afisarile publicitare, si afisaza un mesaj prietenos in pagina daca JavaScript e dezactivat sau un Ad-Blocker blocheaza publicitatea.
Script-ul a fost testat cu Adblock Plus.

- Doar adaugati in paginile din site urmatorul cod HTML /CSS /JS.

<div id='jsad_notify'>
Acest site functioneaza optim cu JavaScript activ; si fara AdBlock.<br>
Va rog acordati suport site-ului dezactivand AdBlock-ul pe acest site.
</div>

<style>
#jsad_notify{
background:#f8f800;
border:2px solid #0000be;
color:#ee0000;
font-size:20px;
font-weight:700;
margin:0;
padding:2px;
position:fixed;
top:40px;left:1%;right:1%;
text-align:center;
max-width:98vw;
}
</style>

<script>
// <![CDATA[
//if JavaScript enabled, it hides #jsad_notify
var jsad_notify = document.querySelector('#jsad_notify');
jsad_notify.style.display ='none';

//adds a child-element in page which usually is blocked by Ad-Blocker
var test_adb = document.createElement('div');
test_adb.innerHTML ='&nbsp;';
test_adb.className ='adsbox';
document.body.appendChild(test_adb);
window.setTimeout(function(){
 //if Ads blocked it shows the message, else it removes the #jsad_notify
 if(test_adb.offsetHeight ===0) jsad_notify.style.display ='block';
 else jsad_notify.outerHTML ='';

 document.body.removeChild(test_adb); //removes test_adb elm.
}, 700);
// ]]>
</script>

- Ca sa modificati pozitia si designul mesajului, editati proprietatile CSS aplicate elementului #jsad_notify.

<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>

.some_class {
  line-height: 150%;
}

document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}

$ar_dir = scandir("dir_name");
var_export($ar_dir);

He will sleep there.
- El va dormi acolo.

Él dormirá allí.
- El va dormi acolo.