foglio di stile a caso

[SimoGecko]

io nel mio sito ho creato 6 tipi di css che l'utente può intercambiare grazie a una semplice funzione di javascript. volevo solo sapere se potevo anche far caricare uno dei sei fogli di stile alternativi a caso, e quindi applicare la proprietà ad un'immagine ( questo lo so fare). grazie mille per l'aiuto!

[artorius]

beh, basta che salvi i tuoi stili in un array di JS:

var styles = ['css/stile1.css', 'css/stile2.css', 'css/stile3.css', 'css/stile4.css', 'css/stile5.css', 'css/stile6.css']

poi al caricamento della pagina lo aggiungi alla head:

window.onload = function(){
   var index = parseInt(Math.random() * 6);
   index = index == 6 ? 0 : index;
   var lnk = document.createElement('link');
   lnk.rel = "stylesheet";
   lnk.href = styles[index];
   lnk.type = "text/css";
   document.getElementsByTagName("head")[0].appendChild(lnk);
}

[SimoGecko]

in che senso lo devo salvare in un array? come devo fare? poi dovrei quando clicco su una scritta far aprire una nuova pagina con il css a caso.. =)

[artorius]

dunque, sai che cosa sono gli array??

comunque basta che sostituisci il path dei file di style che hai fatto in questo:

var styles = ['css/stile1.css', 'css/stile2.css', 'css/stile3.css', 'css/stile4.css', 'css/stile5.css', 'css/stile6.css'];

poi devi solo aggiungere la parte di codice che ho postato nella pagina dove vuoi lo stile casuale e sei a posto: ogni volta che carichi la pagina o stile cambierà in modo casuale

[SimoGecko]

so solo grossolanamente cosa sono gli array, delle liste, ma molto di più non so e di sicuro non so come devo applicarli.. mentre non ho capito dove devo scrivere cosa, e come chiamarli... =)

[artorius]

devi SOLO fare copia incolla del codice dentro un tag <script type="text/javascript"></script>

[SimoGecko]

quale delle due parti? e la seconda dove'? =) :rollo:

[artorius]

Scrivi semplicemente:

<script type="text/javascript">
var styles = ['css/stile1.css', 'css/stile2.css', 'css/stile3.css', 'css/stile4.css', 'css/stile5.css', 'css/stile6.css'];

window.onload = function(){
   var index = parseInt(Math.random() * 6);
   index = index == 6 ? 0 : index;
   var lnk = document.createElement('link');
   lnk.rel = "stylesheet";
   lnk.href = styles[index];
   lnk.type = "text/css";
   document.getElementsByTagName("head")[0].appendChild(lnk);
}
</script>

Poi, dove c'è scritto

var styles...

Sostituisci i nomi ed i path dei file css con quelli che hai creato tu

[SimoGecko]

fantastico, grazie!

[SimoGecko]

so che riceverò un avvertimento per doppiopost, ma dato che non posso editare il mio non so come fare altrimenti... cmq una volta che ho inserito la funzione di js nella mia pagina, che proprietà devo dare al mio link che una volta cliccato attiva js? grazie!