Come Cambiare stylesheet con un Link

**pkmongiudizio** · 19-08-2013, 04.44.31

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">

19-08-2013, 17.06.08

Ecco quà

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>

La funzione mostra() è solo di debug.

**pkmongiudizio** · 20-08-2013, 01.17.46

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?

**alemoppo** · 20-08-2013, 01.27.35

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:

Codice PHP:


<link href="<?= isset($_COOKIE['stile'])?$_COOKIE['stile']:'stile_predefinito' ?>" rel="stylesheet" type="text/css" media="all">

Ah, dimenticavo: se non conosci né javascript né PHP, il tutto non sarà facile da fare. Altrimenti, vedrai che è una cosa banale

.

Ciao!

**pkmongiudizio** · 20-08-2013, 03.35.27

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>

**alemoppo** · 20-08-2013, 12.45.41

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!

**pkmongiudizio** · 20-08-2013, 16.03.05

Grazie Mille ci sono Riuscito :)

Discussione: Come Cambiare stylesheet con un Link

LinkBack

Strumenti discussione

Display

Come Cambiare stylesheet con un Link

Regole di scrittura