PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
M

Css veranderen op website

Door Matthijs op 06-04-2007 12:42
519 views
Ik probeer op een simpele manier van css te kunnen wisselen op mijn website.
Toch stuit ik op een aantal problemen. IHet liefste wil ik gewoon 3 buttons waar ik mee kan wisselen van css. Ik weet alleen niet hoe ik dat moet gaan doen

Dit heb ik nu:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>verander tekst</title>
<?
$style = 'style_12.css';
?>
<link rel="stylesheet" href="css/<? echo $style; ?>" />
</head>
<body>
<table width="100%" border="0" bgcolor="#66CC00">
<tr class="klein">
<td>Grote teksten of kleine teksten het maakt niet uit</td>
</tr>
</table>
<br />
<img src="images/tekst1.gif" alt="tekst" width="20" height="20" /><img src="images/tekst2.gif" alt="test2" width="25" height="25" /><img src="images/tekst3.gif" alt="tekst3" width="30" height="30" />
</body>
</html>

Heeft iemand suggesties voor mij?

Bij voorbaat dank,

Matthijs
- SanThe -
06-04-2007 12:46
De naam van de style in een session stoppen en ophalen als je het nodig hebt.
M
Matthijs
06-04-2007 12:50
Hahaha! Hoe stop ik die style dan in een session?? :)
Kan ik dat gewoon als link bij mijn button doen, of moet ik daar een formulier voor maken?
b
bart van der veen
06-04-2007 14:29
<?
session_start(); //session opstarten

$_SESSION['style'] = "style_12.css"; //session variabele aanmaken

echo$_SESSION['style']; // en opvragen maar.
?>
F
Fred Binnenpret
06-04-2007 16:58
Ik zou het zo doen:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Style kiezen</title><link rel="stylesheet" href="<?php
//config voor: list item 1
$style1 = "css/style1.css"; //Verranderen in jou path.
$name1 	= "style1"; //Naam van je style
//config voor: list item 1
$style2 = "css/style2.css"; //Verranderen in jou path.
$name2 	= "style2"; //Naam van je style
//config voor: list item 1
$style3 = "css/style3.css"; //Verranderen in jou path.
$name3 	= "style3"; //Naam van je style
//standaard style
$url = "css/style.css"; //url van je normaale css
if (isset($_POST['style'])) { 
	if ($_POST['style'] == $style1) { 
		echo $style1;
		}
	if ($_POST['style'] == $style2) {
		echo $style2;
		}
	if ($_POST['style'] == $style3) {
		echo $style3;
		}
} else { 
	echo $url;
	} 
?>"></head>
<body>
Kies u style:<form method="post" action="#">
  <select name="style">
    <option value="<?php echo $style1; ?>"><?php echo $name1; ?></option>
    <option value="<?php echo $style2; ?>"><?php echo $name2; ?></option>
    <option value="<?php echo $style3; ?>"><?php echo $name3; ?></option>
  </select>
  <input type="submit" name="Submit" value="Go!" />
</form>
</body>
</html>

[edit]Ik heb het ook getest en het werkt[/edit]
L
Leroy Boerefijn
06-04-2007 18:04
ik zou het denk ik met sessions en met ajax doen ;)
F
Frank -
06-04-2007 18:06
Leroy schreef op 06.04.2007 18:04
ik zou het denk ik met sessions en met ajax doen ;)
ajax? Het wisselen van stylesheet is juist zo'n toepassing die je niet met ajax doet. Het is volkomen onzinnig om voor dit soort zaken afhankelijk te zijn van javascript. Gebruik gewoon een GET en klaar ben je, die is nog eens te bookmarken!

Reageren

Inloggen om te reageren