ClsHack.it

Come avrete ben notato, oggi ho aggiunto al sito la funzione:

Seleziona sfondo :P

Questa funzione è stata scritta da me in javascript.

Ma come funziona ?

In sostanza questa funzione,viene attivata, quando viene spuntata la checkbox e modifica il css, e nel mio caso lo sfondo ;)
Questa è il principio:

document.styleSheets[0].cssRules[0].style.background="IMMAGINE ";

Dove:
document.styleSheets[0] : è il nostro css( il primo) ;

Spero che vi possa essere utile :P

Sorgente:

function blue(){
	document.cookie="colore=blue;";
	document.styleSheets[1].cssRules[0].style.background="#FFF url(http://www.clshack.it/wp-content/themes/clshack/img/body3.png) repeat top";
	document.getElementById('blue').checked=true;
	document.getElementById('red').checked=false;
}

function red(){
	document.cookie="colore=red;";
	document.styleSheets[1].cssRules[0].style.background="#FFF url(http://www.clshack.it/wp-content/themes/clshack/img/body2.png) repeat top";
	document.getElementById('blue').checked=false;
	document.getElementById('red').checked=true;
}

function getCookie( name ) {
   var start = document.cookie.indexOf(name+"=");
   var len = start+name.length+1;
   if ((!start) && (name != document.cookie.substring(0,name.length))) return(null);
   if (start == -1) return(null);
   var end = document.cookie.indexOf(";",len);
   if (end == -1) end = document.cookie.length;
   return(unescape(document.cookie.substring(len,end)) );
}

window.onload=function()
{
if (getCookie('colore')=="blue"){
	document.styleSheets[1].cssRules[0].style.background="#FFF url(http://www.clshack.it/wp-content/themes/clshack/img/body3.png) repeat top";
        document.getElementById('blue').checked=true;
}
else if (getCookie('colore')=="red"){
	document.styleSheets[1].cssRules[0].style.background="#FFF url(http://www.clshack.it/wp-content/themes/clshack/img/body2.png) repeat top";
	document.getElementById('red').checked=true;
}
else {
	document.styleSheets[1].cssRules[0].style.background="#FFF url(http://www.clshack.it/wp-content/themes/clshack/img/body.png) repeat top";
}

}