Change css style sheet within php page

john9292

Hello,

I am able to use variables in my css with the help of php.

Now what I need to do is get a form working on my page that changes the stylesheet so that the colour scheme of the page is changed.

This is the code for my style sheet (style.php):


<?php
header("Content-type: text/css");
$colorIn = $_POST['color'];
if($colorIn == "green")
{
	$color = "green";
header("Location: index.php");
}
else if($colorIn == "uberlord")
{
	$color = "uberlord";
header("Location: index.php");
}
echo <<<CSS
/* --- start of css --- */
#contentLYR 
{
	position:absolute; 
	width:705px; 
	height:800px; 
	z-index:1;
	border:thin solid 000000;	
	left: 137px; 
	top: 245px;
	background:$color;  

}
#Border
{
	position:absolute; 
	width:680px; 
	height:780px; 
	z-index:1;	
	left: 10px; 
	top: 10px;
	background:$color;  

}
................
/* --- end of css --- */
CSS;
?>

And this is in my scheme changer page (index.php):


<form method="post" action="style.php">
		<input type="radio" name="color" value="green" checked="checked">Green
		<br>
		<input type="radio" name="color" value="uberlord">Uberlord	
		<br>
		<input type="submit" name="submit" value="Change" />
	</form>

Please advise why this does not work.

Thanks anyone

NogDog

Here's the basic technique I use for that sort of thing:

Main file:

<?php
$styles = array(
   'default',
   'green',
   'blue'
);
if(isset($_POST['style']) and in_array($_POST['style'], $styles))
{
   $style = $_POST['style'];
   setcookie('style', $style, time()+(300*24*60*60));
}
elseif(isset($_COOKIE['style']) and in_array($_COOKIE['style'], $styles))
{
   $style = $_COOKIE['style'];
   setcookie('style', $style, time()+(300*24*60*60));
}
else
{
   $style = 'default';
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Example</title>
<link rel='stylesheet' href='style.php?style=<?php echo $style; ?>' type='text/css'>
</head>
<body>
<h1>Example Page</h1>
<form action='<?php echo $_SERVER['PHP_SELF']; ?>' method='post'>
<fieldset>
<legend>Select Color Scheme</legend>
<input type='radio' name='style' id='style_default' value='default'
checked='checked'><label for='style_default'>Default</label>
<input type='radio' name='style' id='style_green' value='green'><label
for='style_green'>Green</label>
<input type='radio' name='style' id='style_default' value='blue'><label
for='style_default'>Blue</label><br>
<input type='submit' value='Change Color Scheme'>
</fieldset>
</form>
<p>This is a sample paragraph.</p>
</body>
</html>

style.php:

<?php
header('Content-Type: text/css');
$style = (isset($_GET['style'])) ? $_GET['style'] : 'default';
switch($style)
{
   case 'green':
      $fg = '#090';
      $bg = '#cfc';
      break;
   case 'blue':
      $fg = '#009';
      $bg = '#ccf';
      break;
   default:
      $fg = '#000';
      $bg = '#fff';
      break;
}
?>
body {
   margin: 0;
   padding: 1em 2em;
   font: medium arial, helvetica, sans-serif;
   background-color: <?php echo $bg; ?>;
   color: <?php echo $fg; ?>;
}
form {
   border: outset 2px <?php echo $fg; ?>;
   padding: 1em;
}
fieldset {
   border: solid 1px <?php echo $fg; ?>;
   padding: 1em;
   margin: 0;
}

john9292

Cheers for the reply. I will be using this idea for my website but not copying the code obviously.