Afficher un élément aléatoire avec JavaScript

Un petit script tout simple qui permet d'afficher un élément différent à chaque chargement dans une même position.

On commence par le JavaScript à mettre avant la balise </head> :

<script type='text/javascript'>//<![CDATA[
window.onload=function(){
var E=document.getElementsByClassName("element-variable");
var m=E.length;
var n=parseInt(Math.random()*m);
for(var i=m-1;
i>=0;i--){var e=E[i];
e.style.display='none';
}E[n].style.display='';
}//]]>
</script>

Pour l'exemple, l'élément ciblé par getElementsByClassName est un div avec la classe element-variable (cela peut aussi être tout autre élément avec cette classe).

Il suffit ensuite de mettre autant de divs avec cette classe à l'endroit désiré :

<div class="element-variable"></div>
<div class="element-variable"></div>
<div class="element-variable"></div>
...
BLOG COMMENTS POWERED BY DISQUS