---
title: "css switcher"
url: "https://www.typo3.net/d/13637-css-switcher"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage"]
created: "2004-07-17"
last_reply: "2004-07-17"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# css switcher

TYPO3 › TypoScript · 0 Antworten · gestartet 2004-07-17

## Eröffnungsbeitrag

**peterundpaul** · 2004-07-17 · [Beitrag #1](https://www.typo3.net/d/13637-css-switcher/1)

hallo,

ich habe gerade ein tabellenloses Layout gebaut. Ich möchte jetzt einen CSS switcher einbauen. Die Scripte, welche man im Netz findet (z.B <http://www.alistapart.com/> oder <http://www.stichpunkt.de/css/switch.html> ..) funktionieren zwar für "normale" Seiten.  Im T3 laufen dies aber nicht!!! Warum???

Ich habe jetzt eine einfachere Lösung gefunden (<http://css.fractatulum.net/sample/wechsel.htm>). Dieses habe ich im T3 eingebaut und es funktioniert. Leider kann ich dort nicht das default Layout einstellen und es fehlen die Cookies für die Layoutwahl.

Hat jemand eine Idee zu Cookies und default  Funktion für folgende Schnippsel...?

im setup des template steht:

> page.headerData.10 = TEXT
> page.headerData.10.value (
>     <style rel="stylesheet" type="text/css" title="0">
>     <!--
>     @import url(fileadmin/template/a.css);
>     -->
>     </style>
>     <style rel="alternate stylesheet" type="text/css" title="1">
>     <!--
>     @import url(fileadmin/template/b.css);
>     -->
>     </style>
>     <style rel="alternate stylesheet" type="text/css" title="2">
>     <!--
>     @import url(fileadmin/template/c.css);
>     -->
>     </style>
>     <style rel="alternate stylesheet" type="text/css" title="3">
>     <!--
>     @import url(fileadmin/template/d.css);
>     -->
>     </style>
>     <style rel="alternate stylesheet" type="text/css" title="4">
>     <!--
>     @import url(fileadmin/template/e.css);
>     -->
>     </style>
>     <style rel="alternate stylesheet" type="text/css" title="5">
>     <!--
>     @import url(fileadmin/template/f.css);
>     -->
>     </style>
>     <style rel="alternate stylesheet" type="text/css" title="6">
>     <!--
>     @import url(fileadmin/template/g.css);
>     -->
>     </style>
>     <style rel="alternate stylesheet" type="text/css" title="7">
>     <!--
>     @import url(fileadmin/template/h.css);
>     -->
>     </style>
>     <script src="fileadmin/template/change.js" type="text/javascript">
>     </script>
>   )

das javascript:

> function wechsel(num) {
>  var styles = document.getElementsByTagName('style');
>  for(var i = 1; i < (styles.length); i++) {
>   if(i==num) {
>    styles[​i].disabled = false;
>   }
>   else {
>    if(styles[​i].getAttribute("title")!="") {
>       styles[​i].disabled = true;
>    }
>   }
>  }
> }
> function laden() {
>  var stylenum = 1;
>  if(stylenum!=-1) {
>   wechsel(stylenum);
>  }
> }

und im HTML Template:

> <a href="javascript:wechsel(0)">Layout 0</a><br>
> <a href="javascript:wechsel(1)">Layout 1</a><br>
> <a href="javascript:wechsel(2)">Layout 2</a><br>
> <a href="javascript:wechsel(3)">Layout 3</a><br>
> <a href="javascript:wechsel(4)">Layout 4</a><br>
> <a href="javascript:wechsel(5)">Layout 5</a><br>
> <a href="javascript:wechsel(6)">ohne CSS</a><br>
> <a href="javascript:wechsel(7)">Standart</a><br>

--> LG
peter

---

Quelle: „css switcher“, typo3.net, https://www.typo3.net/d/13637-css-switcher
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.