Warning: Cannot modify header information - headers already sent by (output started at /var/www/hjemmesideskolen.dk/public_html/css/testsider/phpdesignskift.php:3) in /var/www/hjemmesideskolen.dk/public_html/css/testsider/head7dp.inc on line 17
Hjemmesideskolen - Test af alternativ css

Test af alternativ css

Styleskift via php-script

Siden er opdateret 8. 12. 2011

Denne side demonstrerer, hvordan man med et php-script og en håndfuld links kan ændre en sides design. Da css-skiftet sker fra serveren, virker det selvfølgelig i alle browsere.

Du indsætter et lille php-script over sidens header eller i det mindste før kaldet til css:

<?php
// Definer lovlige stylesheets
$harmless = array('../hss-main.css','ds2.css','ds3.css');
// Definer standard stylesheet
$defaultstyle = "../hss-main.css";

  // Hent style-info sidedesign.
  $style=$_GET["style"];
  // Blokerer ulovligt style-info
  if(!in_array($_GET["style"],$harmless)) {

    // Hvis intet lovligt style-info fundet, kig efter cookie
    $style=$_COOKIE["phpdesignskifte"];
    // Blokerer forkert input fra cookien
    if(!in_array($_COOKIE["phpdesignskifte"],$harmless)) {
      // Er brugbar style-info endnu ikke fundet, brug standard stylesheet
      $style = $defaultstyle;
  }
}

// læg style-info i coogie
setcookie("phpdesignskifte", $style, time()+2592000, "/");
?>

Derefter skal du lave en modifikation i linket til css:

<link rel="stylesheet" type="text/css" href="<?php echo $style; ?>" />

Nu mangler du bare at lave en håndfuld links den samme side, men med forskellige styles indlæst:

<a href="?style=ds2.css">Alternativt design 2</a>

I linket i kodeboksen her over indsætter du det ønskede css-ark på pladsen, hvor teksten er sort. Samtidig skriver du den ønskede linktekst inden likets sluttag.


Se den side, hvor skiftet er lavet med asp-kode.

Se den side, hvor skiftet er lavet med javascript.

Se den side, som kun virker i Firefox, Mozilla, Netscape og Opera.

Bemærk, at de to teknikker (serverside-styret css-skift og css-skift via en browserfunktion) ikke er glade for at arbejde sammen.

Valid XHTML og CSS / Copyright © Hjemmesideskolen april 2006
Du er her: Forsiden - css - testsider - Test af alternativ css
sidens top
Brugere lige nu: 1
Home Mail