Skifte mellem forskellige CSS

http://www.contrastsweb.com/switcher/ der er den simpelthen

>> -padde-

Det er "lækker" kode, men jeg vil gerne forsøge at skrive koden selv! Dit link er ellers lige i plet...

Jeg venter lige lidt for at se, om der komemr mere til mit spg.

/Krestian

der er nok steder....

http://www.google.dk/search?hl=da&q=styleswitcher&meta=

ellers kan du lave en knap
<a href="<?php echo $_SERVER['PHP_SELF'] ."css=sort"; ?>">skift css</a>
og så i din fil øverst
<?
$fil = _GET['css'] .".css";
?>

og derefter i din fil
<link href="<? echo $fil; ?>" rel="stylesheet" type="text/css">

dette kræver dog at du har php på din server!

Du kan også sætte alle stylesheets ind men disable næsten alle ...

-- jeg kiggede ikke lige på linket, så måske er det samme metode !-)

<link rel="stylesheet" type="text/css" href="style/style0.css" />
<link rel="stylesheet" type="text/css" href="style/style1.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style2.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style3.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style4.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style5.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style6.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style7.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style8.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style9.css" disabled="disabled" />
<link rel="stylesheet" type="text/css" href="style/style10.css" disabled="disabled" />


-- lave en javascript-funktion, som disabler alle og enabler een:

<script type="text/javascript">
function changeStyleSheet(n){
  var ss = document.styleSheets;
  for(i=0;ss.length>i;i++){
    ss[i].disabled = true;
  }
  ss[n].disabled = false;
}
</script>

-- og en selectbox, som skifter:

<select name="styleChange" onchange="changeStyleSheet(this.value)">
  <option value="0">Default stylesheet</option>
  <option value="1">Alternativt stylesheet 1</option>
  <option value="2">Alternativt stylesheet 2</option>
  <option value="3">Alternativt stylesheet 3</option>
  <option value="4">Alternativt stylesheet 4</option>
  <option value="5">Alternativt stylesheet 5</option>
  <option value="6">Alternativt stylesheet 6</option>
  <option value="7">Alternativt stylesheet 7</option>
  <option value="8">Alternativt stylesheet 8</option>
  <option value="9">Alternativt stylesheet 9</option>
  <option value="10">Alternativt stylesheet 10</option>
</select>

-- hvis du så vil have det til at være den samme hver gang en bruger kommer på fra en computer, kan der bruges en cookie, som aflæses ...

-- men hvis det skal følge brugeren uanset hvilken computer, hun logger på fra, skal der selvfølgelig laves noget, f.eks. i php eller asp eller .NET eller andet serverside med en database på !-)

Det lyder smart, men tungt :))

-- egentlig forbavsende velfungerende i det eneste eksempel, jeg har prøvet det på, men det er jo helt indlysende, at browseren nødvendigvis må genopbygge sit css-DOM-træ, med efterfølgende gen-rendering !-)

roenving: Virker det ikke ligesågodt (måske bedre), hvis du skriver

<link rel="alternate stylesheet" ...

Så kan for eksempel Firefox selv vælge et andet. (og med en extension kan valget gøres permanent).

<ole>

En lille artikel om emnet:
    http://www.alistapart.com/articles/alternate/

/mvh
</bole>

Tak for alle de gode svar!

>> wicez : Jeg har brugt dit forslag. Smid et svar, så du kan få points.

/Krestian

Ok, har dog ikke prøvet det.. :P

>> wicez : Det virker fint. Jeg ville ikke lave det i en cookie, da jeg helst vil undgå at sætte cookies på mit site.

Du kan evt. tjekke min løsning på mit testsite på test.krestian.dk.