Style-Switcher

Erklärungen aus CSS-Praxis von Kai Laborenz

 

 

Mit JavaScript

 

Mit PHP

 

Link zur datei: styleswitcher3.php

Code für styleswitcher3.php:

<?php session_start(); if ( isset($_GET['style']) ) { $_SESSION['style'] = $_GET['style']; } elseif ( !isset($_SESSION['style']) ) { $_SESSION['style'] = 'gray'; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Mehrere Stylesheets mit PHP</title> <link href="<?php echo $_SESSION['style']?>.css" type="text/css" rel="stylesheet" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <div id="inhalt"> <h1>Nur ein Test. </h1> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras luctus. Nunc iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p><a href="<?php echo $_SERVER['PHP_SELF']?>?style=standard" title="Standardstyle einschalten">Standardstyle einschalten</a><br /> <a href="<?php echo $_SERVER['PHP_SELF']?>?style=serioes" title="Serioes">Seri&ouml;s einschalten </a><br /> <a href="<?php echo $_SERVER['PHP_SELF']?>?style=funky" title="Wild">Wild einschalten </a></p> <p><a href="styleswitcher4.php">Zum zweiten Teil</a>...</p> </div> </body> </html>

 

Code für styleswitcher4.php:

<?php session_start(); if ( isset($_GET['style']) ) { $_SESSION['style'] = $_GET['style']; } elseif ( !isset($_SESSION['style']) ) { $_SESSION['style'] = 'gray'; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Mehrere Stylesheets mit PHP - zweite Datei</title> <link href="<?php echo $_SESSION['style']?>.css" type="text/css" rel="stylesheet" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <div id="inhalt"> <h1>Nur ein Test. </h1> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras luctus. Nunc iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p> <p><a href="<?php echo $_SERVER['PHP_SELF']?>?style=standard" title="Standardstyle einschalten">Standardstyle einschalten</a><br /> <a href="<?php echo $_SERVER['PHP_SELF']?>?style=serioes" title="Serioes">Seri&ouml;s einschalten </a><br /> <a href="<?php echo $_SERVER['PHP_SELF']?>?style=funky" title="Wild">Wild einschalten </a></p> <p><a href="styleswitcher3.php">Zurück zur ersten Datei</a></p> </div> </body> </html>