HTML en PHP bgcolor
Het is de bedoeling dat mijn script het volgende doet:
Je hebt een dropdown menu met kleuren, bijv rood, blauw en groen, en als hij groen selecteerd dat de achtergrond groen wordt en bij rood, rood.
Nou kom ik er echter niet uit. Dit is mijn code:
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
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
<HTML>
<Header> achtergrond </header>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<select name ="kleur">
<option value="Red">Rood</option>
<option=value="Green">Groen</option>
<option value="Blue">blauw</option>
<input type="submit" value="Selecteren">
</select>
</body>
</HTML>
<?$gekozenkleur = $_POST['kleur'] ?>
<?php $bg = "<body bgcolor='<?php $gekozenkleur ?>'>" ?>
<?php
function veranderkleur()
{
if( $_POST['kleur'] == 'blauw')
{ echo $bg;
}
elseif($_POST["kleur"] == "roord")
{ echo $bg;
}
elseif($_POST["kleur"] == "blauw")
{ echo $bg;
}
else{echo $bg;}
}
?>
<Header> achtergrond </header>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<select name ="kleur">
<option value="Red">Rood</option>
<option=value="Green">Groen</option>
<option value="Blue">blauw</option>
<input type="submit" value="Selecteren">
</select>
</body>
</HTML>
<?$gekozenkleur = $_POST['kleur'] ?>
<?php $bg = "<body bgcolor='<?php $gekozenkleur ?>'>" ?>
<?php
function veranderkleur()
{
if( $_POST['kleur'] == 'blauw')
{ echo $bg;
}
elseif($_POST["kleur"] == "roord")
{ echo $bg;
}
elseif($_POST["kleur"] == "blauw")
{ echo $bg;
}
else{echo $bg;}
}
?>
Peter Stevens op 04/02/2011 09:10:56:
Hallo,
Het is de bedoeling dat mijn script het volgende doet:
Je hebt een dropdown menu met kleuren, bijv rood, blauw en groen, en als hij groen selecteerd dat de achtergrond groen wordt en bij rood, rood.
Nou kom ik er echter niet uit. Dit is mijn code:
Het is de bedoeling dat mijn script het volgende doet:
Je hebt een dropdown menu met kleuren, bijv rood, blauw en groen, en als hij groen selecteerd dat de achtergrond groen wordt en bij rood, rood.
Nou kom ik er echter niet uit. Dit is mijn code:
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
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
<HTML>
<Header> achtergrond </header>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<select name ="kleur">
<option value="Red">Rood</option>
<option=value="Green">Groen</option>
<option value="Blue">blauw</option>
<input type="submit" value="Selecteren">
</select>
</body>
</HTML>
<?$gekozenkleur = $_POST['kleur'] ?>
<?php $bg = "<body bgcolor='<?php $gekozenkleur ?>'>" ?>
<?php
function veranderkleur()
{
if( $_POST['kleur'] == 'blauw')
{ echo $bg;
}
elseif($_POST["kleur"] == "roord")
{ echo $bg;
}
elseif($_POST["kleur"] == "blauw")
{ echo $bg;
}
else{echo $bg;}
}
?>
<Header> achtergrond </header>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<select name ="kleur">
<option value="Red">Rood</option>
<option=value="Green">Groen</option>
<option value="Blue">blauw</option>
<input type="submit" value="Selecteren">
</select>
</body>
</HTML>
<?$gekozenkleur = $_POST['kleur'] ?>
<?php $bg = "<body bgcolor='<?php $gekozenkleur ?>'>" ?>
<?php
function veranderkleur()
{
if( $_POST['kleur'] == 'blauw')
{ echo $bg;
}
elseif($_POST["kleur"] == "roord")
{ echo $bg;
}
elseif($_POST["kleur"] == "blauw")
{ echo $bg;
}
else{echo $bg;}
}
?>
Er klopt werkelijk geen biet van....
Het gaat er hier niet om mijn html, maar meer om mijn php, ik vroeg me dus af wat een logische mannier was om de eigenschappen van een HTML pagina to veranderen, in dit geval de kleur, doormiddel van php.
Nogmaals, als je html opbouw niet klopt kun je de rest voorlopig vergeten. Google gewoon even op hoe je een html pagina opbouwt. Je gaat ook geen flat bouwen en de fundering pas op het eind leggen.
Nou wat je eerst moet doen is bovenaan beginnen met je php. Daaronder volgt een NETTE html, waarin je een css file drupt. Of liever gezegd een php file met css headers. Vervolgens kan je door de php die boven je html staat in je css file de achtergrond kleur veranderen.
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<?php
$bgcolor = "black"; // enkel een klein beginnetje
?>
<html>
<head>
<title>BG Color</title>
</head>
<body bgcolor="<?php echo $bgcolor; ?>">
</body>
</html>
$bgcolor = "black"; // enkel een klein beginnetje
?>
<html>
<head>
<title>BG Color</title>
</head>
<body bgcolor="<?php echo $bgcolor; ?>">
</body>
</html>
HTML onderaan.
Zo kan het bijvoorbeeld
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
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
<?php
$kleur = "#ffffff";
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
switch ($_POST['kleur']) {
case 'Red': $kleur = "#ff0000"; break;
case 'Green': $kleur = "#00ff00"; break;
case 'Blue': $kleur = "#0000ff"; break;
}
}
?>
<html>
<header>
<title>achtergrond</title>
<style>
html, body {
background-color: <?php echo $kleur; ?>;
}
</style>
</header>
<body>
<form action="" method="post">
<select name ="kleur">
<option value="Red">Rood</option>
<option value="Green">Groen</option>
<option value="Blue">blauw</option>
<input type="submit" value="Selecteren">
</select>
</form>
</body>
</html>
$kleur = "#ffffff";
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
switch ($_POST['kleur']) {
case 'Red': $kleur = "#ff0000"; break;
case 'Green': $kleur = "#00ff00"; break;
case 'Blue': $kleur = "#0000ff"; break;
}
}
?>
<html>
<header>
<title>achtergrond</title>
<style>
html, body {
background-color: <?php echo $kleur; ?>;
}
</style>
</header>
<body>
<form action="" method="post">
<select name ="kleur">
<option value="Red">Rood</option>
<option value="Green">Groen</option>
<option value="Blue">blauw</option>
<input type="submit" value="Selecteren">
</select>
</form>
</body>
</html>
Gewijzigd op 04/02/2011 10:16:16 door Kris Peeters
Gewijzigd op 04/02/2011 10:34:58 door Peter Stevens
zou alleen nog wel even een default bij die switch neer zetten, stel nou dat er wat fout gaat...
Als er iets fout gaat word het FFFFFF
niet als iemand hem post en een andere waarde mee geeft, bijv.geel ipv. red, green of blue
Jasper van Oeffel op 04/02/2011 12:50:20:
gaat gewoon goed hoor... dan doet de switch er niks mee heniet als iemand hem post en een andere waarde mee geeft, bijv.geel ipv. red, green of blue
Gewijzigd op 04/02/2011 13:27:00 door Ozzie PHP
Stel ik druk op de submit knop, maar ik geef de kleur een andere waarde mee dan red, green of blue dan heb ik wel een post action gedaan, maar is er geen case voor.
default: break;
toevoegen, maar verder zal dat geen verschil maken.
$kleur heeft al een beginwaarde. Ik heb dat niet in de default gezet omdat ik die dan ook kan gebruiken als er niet gepost is.
$kleur = "#ffffff";
Toevoeging op 04/02/2011 13:58:34:
@Jasper: snap je t?
Peter Stevens op 04/02/2011 09:57:08:
Njah, dit is meer een opdracht, dus ik verwaarloos de HTML, even, alleen het relevante.
Dat is de juiste manier van denken! Ik verdien geld aan deze 'opdracht', dus laat ik maar wat in elkaar zetten waar geen ene sodemieter van klopt.
Roel van de Water op 04/02/2011 15:03:18:
Dat is de juiste manier van denken! Ik verdien geld aan deze 'opdracht', dus laat ik maar wat in elkaar zetten waar geen ene sodemieter van klopt.
Peter Stevens op 04/02/2011 09:57:08:
Njah, dit is meer een opdracht, dus ik verwaarloos de HTML, even, alleen het relevante.
Dat is de juiste manier van denken! Ik verdien geld aan deze 'opdracht', dus laat ik maar wat in elkaar zetten waar geen ene sodemieter van klopt.
Als ik het niveau bekijk dan denk ik niet dat het gaat om een opdracht waar geld mee wordt verdiend, maar gewoon een schoolopdracht... ;-)
Gewijzigd op 04/02/2011 15:10:26 door Ozzie PHP
Ik spreek uit ervaring dat het op school slecht aangeleerd wordt, maar <header></header> lijkt me niet echt een ding wat je op school aangeleerd wordt.
Gewijzigd op 04/02/2011 16:30:59 door Roel -
Zou wel kunnen nietwaar? Html 5
Sander A op 04/02/2011 17:00:27:
Zou wel kunnen nietwaar? Html 5
In deze vorm niet.