Scegliere css per pagina

01-01-2008, 18.06.21

Salve amici,

ho cercato per mezz'ora ma non ho trovato niente per quello che voglio.
Dunque ho un'idea su come perfezionare il mio sito web, cioè di far scegliere ai visitatori che css scegliere invece di quello di default.

Bene, ora come si fa a inserire link per cambiare il css?

Grazie.

Ciao...

**miki92** · 01-01-2008, 18.08.33

Ehm mi sa che questo topic è inutile, ti avevo detto di guardare sul mio sito che c'era il file, non ti ho elencato il percorso perchè andavo di fretta.
Questo è il sito ufficiale del progetto, c'è spiegato tutto anche se è in inglese.

01-01-2008, 18.12.22

Originalmente inviato da miki92

Ehm mi sa che questo topic è inutile, ti avevo detto di guardare sul mio sito che c'era il file, non ti ho elencato il percorso perchè andavo di fretta.
Questo è il sito ufficiale del progetto, c'è spiegato tutto anche se è in inglese.

Io ho provato il modo come quello della tua homepage, ma non mi funziona.

Ciao...

Breve OT: In caso voi moderatori mi dovete dare un cartellino, almento datemelo dopo aver capito la spiegazione.

**funcool** · 01-01-2008, 18.13.23

Hai seguito il link che ha scritto Miki92? Prova a capire cosa c'è scritto e poi spiega cosa non riesci a fare.

**miki92** · 01-01-2008, 18.14.24

In che senso non ha funzionato? Forse tu avrai visto il codice HTML ti sarai preso il codice nel <div> per cambiare stile ma hai dimenticato il codice JS nell'<head>

01-01-2008, 18.16.23

Originalmente inviato da miki92

In che senso non ha funzionato? Forse tu avrai visto il codice HTML ti sarai preso il codice nel <div> per cambiare stile ma hai dimenticato il codice JS nell'<head>

Sì, lo so che son cr**ino.
Comunque non è che me lo potresti postare qui?

Grazie.
Ciao...

**miki92** · 01-01-2008, 18.19.55

Questo è il file styleswitcher.js

Codice HTML:

/* http://www.alistapart.com/stories/alternate/ */

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

Secondo il sito deve essere richiamato tramite:

Codice HTML:

<script type="text/javascript" src="styleswitcher.js"></script>

01-01-2008, 18.25.14

Il secondo nella head va inserito?

**funcool** · 01-01-2008, 18.25.40

Sì, va lì.

01-01-2008, 18.31.29

Fatto. E ora devo usare questo qui?

Codice:

<link rel="alternative stylesheet" type="text/css" href="sorgente.css">

Ciao...

**miki92** · 01-01-2008, 18.37.23

Questo deve essere quello standard:

Codice HTML:

<link rel="stylesheet" type="text/css" href="sorgente.css" name="default" />

Poi metti gli altri stili nelle pagine che vuoi che gli altri stili valgano:

Codice HTML:

<link href="sorgente2.css" rel="alternate stylesheet" type="text/css" title="un_nome_da_te_scelto" />

01-01-2008, 18.41.18

Grazie fino ad ora. E per i link? Che metto nei tag a?

**miki92** · 01-01-2008, 18.42.26

Codice HTML:

<a class="style" href="#" onclick="setActiveStyleSheet('nome_stile_da_impostare'); return false;">Nome CSS Alternativo</a>

01-01-2008, 18.43.33

L'attributo "class" è obbligatorio?

**miki92** · 01-01-2008, 18.45.15

Ah no scusa quello faceva parte dei miei CSS, non è obbligatorio.

01-01-2008, 18.46.24

E per "nome_stile_da_impostare" devo mettere quello che ho messo ad "<link...title="

Ciao...

**miki92** · 01-01-2008, 18.47.05

Si quello.

01-01-2008, 18.49.50

Ora funziona tutto. Grazie di cuore.

Ciao...

Discussione: Scegliere css per pagina

LinkBack

Strumenti discussione

Display

Scegliere css per pagina

Regole di scrittura