Salut à tous,
Dans la série des petites expérimentations idiotes, j'ai eu envie d'écrire une petite fonction un peu WTF...
Fonction, totalement inutile, qui ne sert qu'à faire valdinguer tout le HTML de votre page , à la vitesse de votre choix, sur un nombre de séquence définissable :
function BoomHTML(t){
if (--BOOMConfig.laps < 0){
document.body.innerHTML = BOOMConfig.HTML;
return 0;
}
if (! t) BOOMConfig.HTML=document.body.innerHTML;
setTimeout("BoomHTML(1)", BOOMConfig.speed);
d=document,m=Math,n=5,a='lrtb';u='px'
e=['a','div','p','img','span','li','table','h1','h2','h3','h4','h5'];
for (i in e){
x=d.getElementsByTagName(e[i]);
for (j in x){
nde=d.getElementsByTagName(e[i])[j];
if (!nde||!(typeof nde==="object")) continue;
nd=(! nde.style)?"":nde.style;
ac=(x[j].getAttribute("a"))?x[j].getAttribute("a"):'';
if (ac=='l') nde.style.left=(parseInt(nd.left || 0)+n)+u;
else if (ac=='r') nde.style.right=(parseInt(nd.right || 0)+n)+u;
else if (ac=='t') nde.style.top=(parseInt(nd.top|| 0)+n)+u;
else if (ac=='b') nde.style.bottom=(parseInt(nd.bottom|| 0)+n)+u;
else {
if (nd=="") nde.setAttribute('style','position:relative;');
else if (! nd.position) nde.style.position='relative';
nde.setAttribute('a',a[m.floor((m.random()*a.length))]);
}
}
}
}
Aussi, cette fonction s'appel de la manière suivante :
BOOMConfig = {"laps":100,"speed":25};
BoomHTML();
Vous l'aurez compris, c'est dans l'objet BOOMConfig, que vous définirez le nombre de tours, et la vitesse d’exécution ;)
Si vous consultez cette page sur votre ordinateur, vous devriez pouvoir disposer d'une démonstration ;)
