---
title: "CSS Styleswitcher"
url: "https://www.typo3.net/d/38285-css-styleswitcher"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage"]
created: "2006-02-21"
last_reply: "2006-02-22"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS Styleswitcher

Frontend › Barrierefreiheit · 5 Antworten · gestartet 2006-02-21

## Eröffnungsbeitrag

**Mopps** · 2006-02-21 · [Beitrag #1](https://www.typo3.net/d/38285-css-styleswitcher/1)

Hallo,

versuche gerade eine Seite barrierefrei umzusetzen. Beim Entwurf der Seite verwende ich einen reinen php-Styleswitcher (also ohne Java-Script).

zur Info vorweg, ich verwende u.a. folgende Extensions:
CSS styled content
Template Auto-parser

In meiner ursprünglichen Vorlage steht im Kopf folgendes:

```html
<?php include('styleswitcher.inc.php');?>

<html>
<head>
<link rel="stylesheet" type="text/css" href="<?php echo $style?>.css" media="screen">
...
...
<!-- irgendwann kommen dann die Links-->
<ul>
  <li><a href="<?php echo $_SERVER['PHP_SELF']?>?style=standard">Standard</a></li>
  <li><a href="<?php echo $_SERVER['PHP_SELF']?>?style=kontrast">Kontrast</a></li>
  <li><a href="<?php echo $_SERVER['PHP_SELF']?>?style=ohne">ohne CSS</a></li>
</ul>
...
```

Also ganz am Anfang wird styleswitcher eingebunden, die ziemlich simpel aussieht:

```php
<?php

	if(isset($_GET['style']))
         {
	setcookie("stylekeks", $_GET['style'], time()+3600, "/");
	$style = $_GET['style'];
	}
	elseif(!isset($_GET['style']))
         {
		if(isset($_COOKIE['stylekeks']))
	        {
		$style = $_COOKIE['stylekeks'];
                 }
		else {
		$style = 'standard';
		}
	}

?>
```

In der styleswitcher.inc.php ist das Standard.css festgelegt. Übergibt man ihr einen anderen style-Wert im Link, dann wird ein anderes css in den header geschrieben.

Wie bekomme ich dieses Prinzip vernünftig in Typo3 gefummelt oder läßt sich das so nicht umsetzen? Wie erzeuge ich die Textlinks, die den style-Wert ändern sollen?

Über Hilfe wär ich dankbar, denn  #angry#

Grüße, Stephan

## Antworten

### [#2](https://www.typo3.net/d/38285-css-styleswitcher/2) · birgitr · 2006-02-21

ein Beispiel mit Erläuterung findest Du hier:

<http://www.rupieper.de/index.php?id=461>

### [#3](https://www.typo3.net/d/38285-css-styleswitcher/3) · ONeill · 2006-02-22

@Mopps

Wie hast du das hinbekommen, dass typo3 diesen php include vor das <html> tag setzt?!?

### [#4](https://www.typo3.net/d/38285-css-styleswitcher/4) · Mopps · 2006-02-22

@ONeill
das würde ich ja auch gern wissen :)
so wie ich es oben habe ist es noch nicht in Typo3.

@birgitr
danke fürs raussuchen. Das Beispiel ist mit JavaScript gemacht. Ich möchte jedoch eine reine php-Lösung. Die Seite muss barrierefrei sein und ich möchte, dass alle Funktionen auch bei ausgeschaltetem JavaScript gehen. Vielleicht fällt dir noch etwas ein?

Grüße,
Stephan

### [#5](https://www.typo3.net/d/38285-css-styleswitcher/5) · birgitr · 2006-02-22

per FE-Formular oder TypoLink und die Stylesheets als $this->pi_Vars übergeben.

```php
<?php echo $_SERVER['PHP_SELF']?>
```

sieht (mit Link) so ähnlich aus:

```php
$content = '<a href="index.php?id='.$GLOBALS['TSFE']->id.

    '&doTheMagic=1">Do it!</a>';
```

Sieh Dir mal an, wie auf TYPO3 Funktionen zugegriffen wird:

<http://wiki.typo3.org/index.php/Overview_Developer_Manuals>
<http://typo3.org/development/articles/using-links-in-frontend-plugins/>

### [#6](https://www.typo3.net/d/38285-css-styleswitcher/6) · Mopps · 2006-02-22

vielen Dank. Ich steig leider nicht durch, wo ich was ändern muss bzw. wie ich da rangehe.

Was meinst du mit FE-Formular? Ein Form, wo sich der User ein css aussuchen kann? Also bei mir, wo es Textlinks wären:

Darstellung wählen:
- Standard
- Kontrast
- ohne css

Du meinst die Links sollen TypoLinks sein?
Außerdem ist mir noch nicht klar, was bei Typo genau ein Plugin ist? Ist das, was ich umsetzen will (css-wechsel) ein FE-Plugin?

Du merkst, ich blicks net.

Stephan

---

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