Css veranderen op 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>
Code (php)
1
2
3
2
3
<?
$style = 'style_12.css';
?>
$style = 'style_12.css';
?>
<link rel="stylesheet" href="css/" />
</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
Kan ik dat gewoon als link bij mijn button doen, of moet ik daar een formulier voor maken?
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<?
session_start(); //session opstarten
$_SESSION['style'] = "style_12.css"; //session variabele aanmaken
echo$_SESSION['style']; // en opvragen maar.
?>
session_start(); //session opstarten
$_SESSION['style'] = "style_12.css"; //session variabele aanmaken
echo$_SESSION['style']; // en opvragen maar.
?>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!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>
<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
Gewijzigd op 01/01/1970 01:00:00 door Fred Binnenpret
Leroy schreef op 06.04.2007 18:04:
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!ik zou het denk ik met sessions en met ajax doen ;)