CSS umschalten via Link

[Mattek]

Hallöle,

die Webseite unseres Amtes soll auf "barrierefrei" für Sehschwache umgestellt werden. Ich denke, der beste Weg wäre einfach ein zweites CSS anzulegen, wo man dann umschalten kann. Wenn man einmal umgeschaltet hat, sollte natürlich die Information mitgeschickt werden und die verlinkte Seite in dem aktuell gewählten Stil erscheinen.

Sowas kennt man ja von wählbaren Farbstyles einiger weniger Webseiten? Nur wie müsste der Code und der Link zum Umschalten aussehen? Hat da jemand Ahnung?

Danke im Voraus


Gruss Martin

[Günni]

<a href="Datei.php?style=xyz">Zur Datei</a>
und dann einfach noch eine Abfrage in die datei am Anfang, damit er weiss was für eine CSS Datei eingebunden werden soll.

[Mattek]

Das klingt ja simpel. Nur als PHP-Beginner gar nicht mal so leicht umzusetzen. Das mit dem Link checke ich ja sicher noch. Obwohl ich da ja in der Seite sicher irgendwo angeben muss, wo die styledatei liegt und welche datei er bei welchem Befehl ( ?style=a oder ?style=b) ansprechen soll. Kennst Du da eine Seite, wo soetwas realisiert ist um das bessr zu verstehen. Vorausgesetzt er parst das dann nicht im Quelltext. Soweit bin ich ja auch schon mit meinem PHP. hihi.

Danke und Gruss von der viel zu kühlen Ostsee

[Nezzar]

Nehmen wir mal an der link wir index.php?style=barrierefrei, dann könnte der Code ungefähr so aussehen:

//hier der HTML-Head
$css = basename($_GET['style']);//damit's wirklich auf den angegebenen Pfad beschränkt bleibt
if(!file_exists('./styles/'.$css)) {
  die('Stylesheet nicht verfügbar');
}
require('./styles/'.$css);
//der Rest... 

[Günni]

//hier der HTML-Head
$css = basename($_GET['style']);//damit's wirklich auf den angegebenen Pfad beschränkt bleibt

if(!file_exists('./styles/'.$css)) {
  die('Stylesheet nicht verfügbar');
}

print"<link rel=\"stylesheet\" type=\"text/css\" href=\"../styles/$css\">\n";
//der Rest... 

weiss nämlich nicht, ob dies mit dem require geht. Dies hier wäre dann auch eine Lösung...

[Titus]

Original geschrieben von Günni
weiss nämlich nicht, ob dies mit dem require geht. Dies hier wäre dann auch eine Lösung...

und sogar die bessere, da der Browser das Stylesheet dann cachen kann und nicht bei jedem Seitenaufruf den ganzen bla neu lesen muss.

[luc98]

hmm

oder den Pfand zum Style per Java-Script ändern?

luc

[Günni]

@luc98
Wieso solltest du den Pfad ändern??? Wäre ein wenig umständlich finde ich. Da übergebe ich lieber als Variable die Datei die dann immer wieder im Header eingebunden wird.