stylesheet wechseln

[Cybaer]

Hi,

Ich weiß nicht ob es möglich ist aber ich würde (da ich gerne mehrere Design anlegen möchte) eine Function mit javascript erstellen die dann über einen Link activiert wird, und dann den Stylesheet ändert.

Am einfachsten ist es, das wechselnde Design jeweils in eine eigenes, externes Stylesheet zu packen.

Verkürzt und ungetestet:

<title>Style wechseln</title>  
<link id="designSheet" href="standard.css" rel="stylesheet" type="text/css">  
<script type="text/javascript"><!--  
[code lang=javascript] // Gesicherten Sheetnamen aus top.name holen (alternativ: aus einem Cookie) und wiederherstellen  
 actualSheet=unescape(top.name.replace("_"."%"));  
 // Stylesheet aktivieren  
 if(actualSheet) { document.getElementById("designSheet").href=actualSheet; }  
  
 function changeSheet(file) {  
  document.getElementById("designSheet").href=file;  
  // Gewünschten Dateinamen (mit Zeichenmaskierung) in top.name sichern  
  top.name=escapeAll(file).replace("%","_");  
 }  

~~~//--></script>  
  
<button onclick="changeSheet('neu.css');">New Style</button>[/code]  
  
Es fehlt noch [unescapeAll()](/archiv/2005/1/t99028/#m604376). Das ist notwendig, da in name nur Buchstaben, Ziffern und der Unterstrich erlaubte Zeichen sind (manche Browser sind da genau, manche fehlertolerant).  
  
  
Gruß, Cybaer  

-- 
Man kann doch sehr leicht jenen tugendhaften Menschen begegnen, (...) die eine Art "unkrümmbaren Zeigefinger" besitzen, der ständig den kalten Wind des Rechthabens ausströmt. (Wolfgang Huber, Bischof)  
  
Die Tugend jagt nicht den Teufel, sondern den Sündhaften. Damit wird sie zum Terror. (Hans-Ulrich Jörges, Journalist)