background color wisselen met een button
Met wat voor soort script zou je de background van een pagina (en eventueel andere buttons ofzo) kunnen veranderen naar een andere kleur?
Zoals bv. hier: gamespot, kijk rechtsboven.
Maargoed, ik bemoei me er niet mee o.o
<input type=submit onclick="document.bgColor='#000000'" value="zwart">
<input type=submit onclick="document.bgColor='#FFFFFFF'" value="wit">
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
<?php
// Grijp achtergrond kleur (standaard blauw)
$sBgColor = ( isset($_GET['bg']) ? $_GET['bg'] : 'blue' );
// Controleer de waarde van $sBgColor
// Eventueel de kleuren vervangen door kleurcodes hier.
switch( $sBgColor )
{
case 'blue':
case 'green':
case 'red':
case 'pink':
case 'yellow':
break;
default:
$sBgColor = 'blue';
}
// html uitvoer
echo '<html>
<head>
<style>
body{
background : ' . $sBgColor . '
}
a{color: black}
</style>
</head>
<body>
<a href="./test.php?bg=blue">Blauw</a><br />
<a href="./test.php?bg=green">Groen</a><br />
<a href="./test.php?bg=red">Rood</a><br />
<a href="./test.php?bg=pink">Roze</a><br />
<a href="./test.php?bg=yellow">Geel</a><br />
</body></html>';
?>
// Grijp achtergrond kleur (standaard blauw)
$sBgColor = ( isset($_GET['bg']) ? $_GET['bg'] : 'blue' );
// Controleer de waarde van $sBgColor
// Eventueel de kleuren vervangen door kleurcodes hier.
switch( $sBgColor )
{
case 'blue':
case 'green':
case 'red':
case 'pink':
case 'yellow':
break;
default:
$sBgColor = 'blue';
}
// html uitvoer
echo '<html>
<head>
<style>
body{
background : ' . $sBgColor . '
}
a{color: black}
</style>
</head>
<body>
<a href="./test.php?bg=blue">Blauw</a><br />
<a href="./test.php?bg=green">Groen</a><br />
<a href="./test.php?bg=red">Rood</a><br />
<a href="./test.php?bg=pink">Roze</a><br />
<a href="./test.php?bg=yellow">Geel</a><br />
</body></html>';
?>
Gewijzigd op 24/01/2006 22:04:00 door Martijn B
Je kunt in CSS ook gewoon altijd een puntkomma gebruiken, dat werkt ook.