IK wil graag op mijn site een knop hebben om een andere stijl te kiezen, hoe doe ik dat?

Pak onderstaande functie:

function initGetOrCookieOrDefault($varName, $default) {
$cookieName = $varName;
if (isset($_GET[$varName])) {
// input check, for now it cancels any string that would alter by addslashes
if (($_GET[$varName])== addslashes($_GET[$varName])) {
setcookie($cookieName, $_GET[$varName], 0, "/");
$returnValue = $_GET[$varName];
} else {
die ("Security problem: GET argument is invalid.");
$returnValue = $default;
}
} elseif (isset($_COOKIE[$cookieName])) {
if (($_COOKIE[$cookieName]) {
$returnValue = $_COOKIE[$cookieName];
} else {
die ("Security problem: Cookie tastes funny!");
$returnValue = $default;
}
} else {
$returnValue = $default;
}
return $returnValue;
}


Je kan nu in je index of waar je de stylesheet dan ook nodig hebt, schakelen met deze regel:

$stylesheetNr = initGetOrCookieOrDefault("gekozenSheet", 1);
$styleSheet = "StyleSheet_{$stylesheetNr}.css";

Standaard wordt gekozen door stylesheet gekozenSheet1.css, maar een link naar:
?gekozenSheet=2
Verandert dat. Hij slaat het op in een cookie. Hij wijzigt 'm weer terug als je het cookie kwijt raakt, of een link klikt naar een andere ?gekozenSheet=IetsAnders (hoeft niet perse een getal te zijn, als er maar een bestand StyleSheet_IetsAnders.css bestaat.
Die namen mag je natuurlijk allemaal veranderen als je wilt.

Je kan 2 knoppen maken zo:
stijl 1
stijl 2

Maar je kan ook een "toggle-knop" maken zo:

verander de stijl hier

Succes! (-: