Printable View
Ciao a tutti, ho un piccolo problema, in pratica vorrei mettere una nuova versione Nel mio sito.
In questa versione vorrei inserire un link che cliccandoci sopra permette di cambiare lo stile della pagina.
Esempio
<link href="STILE 1" rel="stylesheet" type="text/css" media="all">
↓
*CLICCO SUL LINK*
↓
<link href="STILE 2" rel="stylesheet" type="text/css" media="all">
Ecco quà
La funzione mostra() è solo di debug.Codice HTML:<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="file.css" id="stile" />
<script type="text/javascript">
function cambia(cosa,incosa){
document.getElementById(cosa).href=incosa;
}
function mostra(){
alert(document.getElementById('stile').href);
}
</script>
</head>
<body>
<a href="#" onclick="cambia('stile','nuovo.css');">Cambia</a>
</body>
</html>
Grazie è perfeto MA c'è un problema una volta cambiato foglio stile se clicco su una sezione del sito vengo si portato alla sezione ma il foglio stile torna lo stesso
Come mai?
Devi salvarti anche un cookie in modo di ricordarti che stile ha scelto l'utente. Tramite javascript puoi usare "document.cookie" assegnandogli una stringa ben definita (cercando online troverai anche funzioni già fatte del tipo "setCookie()").
Non dimenticarti però anche degli utenti che non hanno javascript: io creerei anche dei link a pagine PHP che impostano i cookie tra tag <noscript>. Quindi, ogni volta che scrivi il <link>, controlli sempre se c'é il cookie impostato. Una cosa del tipo:
Ah, dimenticavo: se non conosci né javascript né PHP, il tutto non sarà facile da fare. Altrimenti, vedrai che è una cosa banale :mrgreen:.Codice PHP:<link href="<?= isset($_COOKIE['stile'])?$_COOKIE['stile']:'stile_predefinito' ?>" rel="stylesheet" type="text/css" media="all">
Ciao!
Aspetta a quanto o capito i cookie servono a ricordarsi i dati degli utenti? Ma dove dovrei inserirli, in questa stringa
Codice:<script type="text/javascript">
function cambia(cosa,incosa){
document.getElementById(cosa).href=incosa;
}
function mostra(){
alert(document.getElementById('stile').href);
}
</script>
Beh, o prima o dopo la document.getElementById() [...] che cambia lo style. L'importante è farlo eseguire quando l'utente vuol cambiar grafica/stile. No?
Ciao!
Grazie Mille ci sono Riuscito :)