[JAVASCRIPT] Petite fonction qui fait partir tout votre HTML en sucette !

 

homer

 

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 ;)

Partagez ce contenu

Laisser une réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *