Formulier, items toevoegen
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nieuwe pagina 1</title>
</head>
<body>
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?php
$voorwaaden = 'voorwaarden.php';
if (isset($_POST['bestel'])){
if(!eregi("[A-Za-z0-9_-]+([\.]{1}[A-Za-z0-9_-]+)*@[A-Za-z0-9-]+([\.]{1}[A-Za-z0-9-]+)+", $_POST['e-mail'])) {
echo '<p>Emailadres onjuist</p>';
} elseif(!$_POST['akkoord']){
echo '<p>U dient akkoord te gaan met de voorwaarden</p>';
} else {
$emailontvanger = '[email protected]';
$onderwerp = 'Bestelling';
$bericht = '
Bericht verzonden op: '.date('d-m-Y').'
IP-adres: '.$_SERVER['REMOTE_ADDR'].'
Voornaam: '.$_POST['voornaam'].'
Tussenvoegsel: '.$_POST['tussenvoegsel'].'
Achternaam: '.$_POST['achternaam'].'
Adres: '.$_POST['adres'].'
Postcode: '.$_POST['postcode'].'
Woonplaats: '.$_POST['woonplaats'].'
Telefoon: '.$_POST['telefoon'].'
Email: '.$_POST['e-mail'].'
Bestelcode: '.$_POST['bestelcode'].'
Opmerkingen: '.$_POST['opmerkingen'];
if(mail($emailontvanger, $onderwerp, $bericht)){
echo '<p>Uw bestelling is verzonden</p>';
} else{
echo '<p>Wegens een technische storing kon de bestelling niet worden doorgegeven. U kan handmatig een e-mail sturen naar: '.$emailontvanger.'</p>';
}
}
}
echo '
<form method="post" action="'.$_SERVER['PHP_SELF'].'">
<table>
<tr>
<td colspan="2" style="font-weight:bold;">Bestelling</td>
</tr><tr>
<td>Voornaam:</td>
<td><input name="voornaam" type="text"></td>
</tr><tr>
<td>Tussenvoegsel:</td>
<td><input name="tussenvoegsel" type="text"></td>
</tr><tr>
<td>Achternaam:</td>
<td><input name="achternaam" type="text"></td>
</tr><tr>
<td>Adres:</td>
<td><input name="adres" type="text"></td>
</tr><tr>
<td>Postcode:</td>
<td><input name="postcode" type="text"></td>
</tr><tr>
<td>Woonplaats:</td>
<td><input name="woonplaats" type="text"></td>
</tr><tr>
<td>Telefoon:</td>
<td><input name="telefoon" type="text"></td>
</tr><tr>
<td>E-mail:</td>
<td><input name="e-mail" type="text"></td>
</tr><tr>
<td>Bestelcode:</td>
<td><input name="bestelcode" type="text"></td>
</tr><tr>
<td>Opmerkingen:</td>
<td><textarea name="opmerkingen"></textarea></td>
</tr><tr>
<td>Hierbij verklaar ik dat ik<br>akkoord ga met de <a href="'.$voorwaaden.'">voorwaarden</a></td>
<td><input type="checkbox" name="akkoord"></td>
</tr><tr>
<td colspan="2" align="right"><input name="bestel" type="submit" value="Bestel"></td>
</tr>
</table>
</form>';
?>
$voorwaaden = 'voorwaarden.php';
if (isset($_POST['bestel'])){
if(!eregi("[A-Za-z0-9_-]+([\.]{1}[A-Za-z0-9_-]+)*@[A-Za-z0-9-]+([\.]{1}[A-Za-z0-9-]+)+", $_POST['e-mail'])) {
echo '<p>Emailadres onjuist</p>';
} elseif(!$_POST['akkoord']){
echo '<p>U dient akkoord te gaan met de voorwaarden</p>';
} else {
$emailontvanger = '[email protected]';
$onderwerp = 'Bestelling';
$bericht = '
Bericht verzonden op: '.date('d-m-Y').'
IP-adres: '.$_SERVER['REMOTE_ADDR'].'
Voornaam: '.$_POST['voornaam'].'
Tussenvoegsel: '.$_POST['tussenvoegsel'].'
Achternaam: '.$_POST['achternaam'].'
Adres: '.$_POST['adres'].'
Postcode: '.$_POST['postcode'].'
Woonplaats: '.$_POST['woonplaats'].'
Telefoon: '.$_POST['telefoon'].'
Email: '.$_POST['e-mail'].'
Bestelcode: '.$_POST['bestelcode'].'
Opmerkingen: '.$_POST['opmerkingen'];
if(mail($emailontvanger, $onderwerp, $bericht)){
echo '<p>Uw bestelling is verzonden</p>';
} else{
echo '<p>Wegens een technische storing kon de bestelling niet worden doorgegeven. U kan handmatig een e-mail sturen naar: '.$emailontvanger.'</p>';
}
}
}
echo '
<form method="post" action="'.$_SERVER['PHP_SELF'].'">
<table>
<tr>
<td colspan="2" style="font-weight:bold;">Bestelling</td>
</tr><tr>
<td>Voornaam:</td>
<td><input name="voornaam" type="text"></td>
</tr><tr>
<td>Tussenvoegsel:</td>
<td><input name="tussenvoegsel" type="text"></td>
</tr><tr>
<td>Achternaam:</td>
<td><input name="achternaam" type="text"></td>
</tr><tr>
<td>Adres:</td>
<td><input name="adres" type="text"></td>
</tr><tr>
<td>Postcode:</td>
<td><input name="postcode" type="text"></td>
</tr><tr>
<td>Woonplaats:</td>
<td><input name="woonplaats" type="text"></td>
</tr><tr>
<td>Telefoon:</td>
<td><input name="telefoon" type="text"></td>
</tr><tr>
<td>E-mail:</td>
<td><input name="e-mail" type="text"></td>
</tr><tr>
<td>Bestelcode:</td>
<td><input name="bestelcode" type="text"></td>
</tr><tr>
<td>Opmerkingen:</td>
<td><textarea name="opmerkingen"></textarea></td>
</tr><tr>
<td>Hierbij verklaar ik dat ik<br>akkoord ga met de <a href="'.$voorwaaden.'">voorwaarden</a></td>
<td><input type="checkbox" name="akkoord"></td>
</tr><tr>
<td colspan="2" align="right"><input name="bestel" type="submit" value="Bestel"></td>
</tr>
</table>
</form>';
?>
</body>
</html>
$voorwaaden = 'voorwaarden.php';
Dit is natuurlijk een voorbeeld. Vul hier de locatie in van de voorwaardenpagina.
Implentatie in je verzend-script zal mij zo even niet lukken, aangezien ik geen idee heb hoe een checkbox zich precies gedraagt waneer deze wel en waneer niet is aangeklikt.
Het is wel erg handig dat je label hiervoor gebruikt, aangezien je da niet perse op het vakje hoeft te klikken, maar je ook al op de tekst zelf kan drukken om het vakje aan te vinken.
Lasse:
Alleen hoe kan ik ervoor zorgen dat na het invulle van het formulier en men op verzenden heeft geklikt ook automatisch naar de pagina verzonden.php wordt gegaan?
Ik had header("location: verzonden.php") geprobeert, maar die werkt niet.
Alvast bedankt!
Lasse
Alleen hoe kan ik ervoor zorgen dat na het invulle van het formulier en men op verzenden heeft geklikt ook automatisch naar de pagina verzonden.php wordt gegaan?
Ik had header("location: verzonden.php") geprobeert, maar die werkt niet.
Alvast bedankt!
Lasse
ipv header("location: verzonden.php")
kan je ook
gebruiken. Ik weet dat het niet helemaal gelijkwaardig is, maar het zorgt voor de doorlink.
Jelmer:
Implentatie in je verzend-script zal mij zo even niet lukken, aangezien ik geen idee heb hoe een checkbox zich precies gedraagt waneer deze wel en waneer niet is aangeklikt.
Implentatie in je verzend-script zal mij zo even niet lukken, aangezien ik geen idee heb hoe een checkbox zich precies gedraagt waneer deze wel en waneer niet is aangeklikt.
De POST-waarde van de input krijgt als hij is aangevinkt de value-waarde.
Als value niet beschreven is bij checkbox, dan krijgt hij de waarde 'on' als hij aangevinkt is.
Als checkbox niet is aangevinkt, dan krijgt hij geen waarde.
het formulier is te bekijken op;
http://www.tuningstylingpoint.com/bestelformulier4.php
Maar hoe kan ik ervoor zorgen dat alles netjes recht onder elkaar, onder de titel van de pagina komen te staan? Want als ik het verander dan wijzigt alles zichzelf? Dan staat niks netjes onder elkaar?
Dus hoe doen jullie dat?
Op dit moment gebruik ik voor http://www.tuningstylingpoint.com/bestelformulier4.php deze 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Nieuws</TITLE>
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<META NAME="AUTHOR" CONTENT="Le Prix Sportprijzen">
<STYLE>
#D0 {position:absolute;top:106px;left:361px;width:291px;height:55px;font-size:32px;color:#ff0000;font-family:bookman old style;z-index:1;}
#D0m {position:absolute;top:0;left:0;width:291px;height:55px;padding:10px;background:none;text-align:left;}
#H0 {position:absolute;top:-6px;left:-7px;width:300px;height:100px;padding:10px;z-index:1;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function catchError()
{
return true;
}
window.onerror = catchError;
</SCRIPT>
<SCRIPT SRC="web.js" TYPE="text/javascript"></SCRIPT>
</HEAD>
<BODY STYLE="background-color: #56aeef; background-image: url('foto4.bmp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center" onLoad="loader();">
<DIV ID="D0" ><LAYER NAME="D0m" WIDTH="291" BORDER="10"><DIV ID="D0m"><I PARENT=D0>Bestel formulier</I></DIV></LAYER></DIV>
<DIV ID="H0"><!-- Begin WEB! User HTML Code --><!--** START NAVSTUDIO MENU TAGS (508017) **-->
<div id="vqp_about" style="position:absolute;visibility:hidden;">****Web Menu / Drop Down Menu generated by OpenCube NavStudio. (OpenCube Inc. - http://www.opencube.com)****</div>
<script language="JavaScript">cdd__codebase = "";cdd__codebase508017 = "";</script>
<script language="JavaScript" src="http://www.opencube.com/ns_online/7182/menu_508017.js"></script><script vqptag="placement" vqp_menuid="508017" language="JavaScript">create_menu(508017)</script>
<!--** END NAVSTUDIO MENU TAGS **-->
<script language="Javascript">
function vqp_error(){}
</script><!-- End WEB! User HTML Code --></DIV>
<!-- DO NOT CHANGE THE SCRIPTS BELOW, WEB! WILL MALFUNCTION IF YOU DO! -->
<SCRIPT LANGUAGE="JavaScript" ID="WEB!" TYPE="text/javascript">
var IE = (navigator.appName=="Microsoft Internet Explorer") && (navigator.platform && navigator.platform == 'Win32');
function newSlide(id,next,wait)
{
this.id = id;
this.next = next;
this.wait = wait;
this.elems = new Array();
return this;
}
function newElement(id,next,wait,type,lightRed,lightGreen,lightBlue,lightStrength,waveAnim,waveDir,waves,filter)
{
this.id = id;
this.next = next;
this.wait = wait;
this.type = type;
this.filter = filter;
if(navigator.appName != 'Netscape')
{
document.all(id).style.filter = filter;
var dur_s = filter.indexOf('Duration=')+9;
var dur_e = filter.indexOf(',',dur_s);
document.all(id).filters(0).Duration = filter.substring(dur_s,dur_e)*1.0;
if(document.all(id).style.filter.toLowerCase().indexOf("light(")!=-1)
{
document.all(id).filters.light.addAmbient(lightRed,lightGreen,lightBlue,lightStrength);
}
if(waveAnim=="true")
{
document.all(id).wave = wave;
document.all(id).wavedir = waveDir;
document.all(id).filters.wave.phase = (waveDir=="up")?0:95;
waves[waves.length] = id;
}
}
return this;
}
function loader()
{
startMarquees();
if(navigator.appName != 'Netscape')
startWaves();
else
transitions_netscape();
start();
}
function wave()
{
if(IE)
{
if(this.wavedir=="up" && this.filters.wave.phase<100)
this.filters.wave.phase = this.filters.wave.phase + 5 % 100;
else if(this.wavedir=="down" && this.filters.wave.phase>0)
this.filters.wave.phase = this.filters.wave.phase - 5 % 100;
else if(this.wavedir=="up")
this.filters.wave.phase=0;
else if(this.wavedir=="down")
this.filters.wave.phase=95;
setTimeout(this.id + ".wave()",40);
}
}
var wavesElements = new Array();
var slides = new Array();
var marquees = new Object();
//start slide 0
slides[0] = new newSlide("SL0","timer","0");
slides[0].elems[0] = new newElement("H0", "timer", "0", "htmlcode", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=1.0,Transition=0) ");
slides[0].elems[1] = new newElement("D0", "timer", "0.0", "div", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=0,Transition=0) ");
//end slide 0
function changeImage(img,loc)
{if(IE)
document.all(img+"image").src = loc;
else
document.layers[img].document.images[0].src = loc;
}
function startMarquees()
{
}
</SCRIPT>
<?php
$voorwaaden = 'voorwaarden.html';
if (isset($_POST['bestel'])){
if(!eregi("[A-Za-z0-9_-]+([\.]{1}[A-Za-z0-9_-]+)*@[A-Za-z0-9-]+([\.]{1}[A-Za-z0-9-]+)+", $_POST['e-mail'])) {
echo '<p>Emailadres onjuist</p>';
} elseif(!$_POST['akkoord']){
echo '<p>U dient akkoord te gaan met de voorwaarden</p>';
} else {
$emailontvanger = '[email protected]';
$onderwerp = 'Bestelling';
$bericht = '
Bericht verzonden op: '.date('d-m-Y').'
IP-adres: '.$_SERVER['REMOTE_ADDR'].'
Voornaam: '.$_POST['voornaam'].'
Tussenvoegsel: '.$_POST['tussenvoegsel'].'
Achternaam: '.$_POST['achternaam'].'
Adres: '.$_POST['adres'].'
Postcode: '.$_POST['postcode'].'
Woonplaats: '.$_POST['woonplaats'].'
Telefoon: '.$_POST['telefoon'].'
Email: '.$_POST['e-mail'].'
Bestelcode: '.$_POST['bestelcode'].'
Opmerkingen: '.$_POST['opmerkingen'];
if(mail($emailontvanger, $onderwerp, $bericht)){
echo '<p>Uw bestelling is verzonden</p>';
} else{
echo '<p>Wegens een technische storing kon de bestelling niet worden doorgegeven. U kan handmatig een e-mail sturen naar: '.$emailontvanger.'</p>';
}
}
}
echo '
<form method="post" action="'.$_SERVER['PHP_SELF'].'">
<table>
<tr>
<td colspan="2" style="font-weight:bold;">Bestelling</td>
</tr><tr>
<td>Voornaam:</td>
<td><input name="voornaam" type="text"></td>
</tr><tr>
<td>Tussenvoegsel:</td>
<td><input name="tussenvoegsel" type="text"></td>
</tr><tr>
<td>Achternaam:</td>
<td><input name="achternaam" type="text"></td>
</tr><tr>
<td>Adres:</td>
<td><input name="adres" type="text"></td>
</tr><tr>
<td>Postcode:</td>
<td><input name="postcode" type="text"></td>
</tr><tr>
<td>Woonplaats:</td>
<td><input name="woonplaats" type="text"></td>
</tr><tr>
<td>Telefoon:</td>
<td><input name="telefoon" type="text"></td>
</tr><tr>
<td>E-mail:</td>
<td><input name="e-mail" type="text"></td>
</tr><tr>
<td>Bestelcode:</td>
<td><input name="bestelcode" type="text"></td>
</tr><tr>
<td>Opmerkingen:</td>
<td><textarea name="opmerkingen"></textarea></td>
</tr><tr>
<td>Hierbij verklaar ik dat ik<br>akkoord ga met de <a href="'.$voorwaaden.'">voorwaarden</a></td>
<td><input type="checkbox" name="akkoord"></td>
</tr><tr>
<td colspan="2" align="right"><input name="bestel" type="submit" value="Bestel"></td>
</tr>
</table>
</form>';
?>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Nieuws</TITLE>
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<META NAME="AUTHOR" CONTENT="Le Prix Sportprijzen">
<STYLE>
#D0 {position:absolute;top:106px;left:361px;width:291px;height:55px;font-size:32px;color:#ff0000;font-family:bookman old style;z-index:1;}
#D0m {position:absolute;top:0;left:0;width:291px;height:55px;padding:10px;background:none;text-align:left;}
#H0 {position:absolute;top:-6px;left:-7px;width:300px;height:100px;padding:10px;z-index:1;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function catchError()
{
return true;
}
window.onerror = catchError;
</SCRIPT>
<SCRIPT SRC="web.js" TYPE="text/javascript"></SCRIPT>
</HEAD>
<BODY STYLE="background-color: #56aeef; background-image: url('foto4.bmp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center" onLoad="loader();">
<DIV ID="D0" ><LAYER NAME="D0m" WIDTH="291" BORDER="10"><DIV ID="D0m"><I PARENT=D0>Bestel formulier</I></DIV></LAYER></DIV>
<DIV ID="H0"><!-- Begin WEB! User HTML Code --><!--** START NAVSTUDIO MENU TAGS (508017) **-->
<div id="vqp_about" style="position:absolute;visibility:hidden;">****Web Menu / Drop Down Menu generated by OpenCube NavStudio. (OpenCube Inc. - http://www.opencube.com)****</div>
<script language="JavaScript">cdd__codebase = "";cdd__codebase508017 = "";</script>
<script language="JavaScript" src="http://www.opencube.com/ns_online/7182/menu_508017.js"></script><script vqptag="placement" vqp_menuid="508017" language="JavaScript">create_menu(508017)</script>
<!--** END NAVSTUDIO MENU TAGS **-->
<script language="Javascript">
function vqp_error(){}
</script><!-- End WEB! User HTML Code --></DIV>
<!-- DO NOT CHANGE THE SCRIPTS BELOW, WEB! WILL MALFUNCTION IF YOU DO! -->
<SCRIPT LANGUAGE="JavaScript" ID="WEB!" TYPE="text/javascript">
var IE = (navigator.appName=="Microsoft Internet Explorer") && (navigator.platform && navigator.platform == 'Win32');
function newSlide(id,next,wait)
{
this.id = id;
this.next = next;
this.wait = wait;
this.elems = new Array();
return this;
}
function newElement(id,next,wait,type,lightRed,lightGreen,lightBlue,lightStrength,waveAnim,waveDir,waves,filter)
{
this.id = id;
this.next = next;
this.wait = wait;
this.type = type;
this.filter = filter;
if(navigator.appName != 'Netscape')
{
document.all(id).style.filter = filter;
var dur_s = filter.indexOf('Duration=')+9;
var dur_e = filter.indexOf(',',dur_s);
document.all(id).filters(0).Duration = filter.substring(dur_s,dur_e)*1.0;
if(document.all(id).style.filter.toLowerCase().indexOf("light(")!=-1)
{
document.all(id).filters.light.addAmbient(lightRed,lightGreen,lightBlue,lightStrength);
}
if(waveAnim=="true")
{
document.all(id).wave = wave;
document.all(id).wavedir = waveDir;
document.all(id).filters.wave.phase = (waveDir=="up")?0:95;
waves[waves.length] = id;
}
}
return this;
}
function loader()
{
startMarquees();
if(navigator.appName != 'Netscape')
startWaves();
else
transitions_netscape();
start();
}
function wave()
{
if(IE)
{
if(this.wavedir=="up" && this.filters.wave.phase<100)
this.filters.wave.phase = this.filters.wave.phase + 5 % 100;
else if(this.wavedir=="down" && this.filters.wave.phase>0)
this.filters.wave.phase = this.filters.wave.phase - 5 % 100;
else if(this.wavedir=="up")
this.filters.wave.phase=0;
else if(this.wavedir=="down")
this.filters.wave.phase=95;
setTimeout(this.id + ".wave()",40);
}
}
var wavesElements = new Array();
var slides = new Array();
var marquees = new Object();
//start slide 0
slides[0] = new newSlide("SL0","timer","0");
slides[0].elems[0] = new newElement("H0", "timer", "0", "htmlcode", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=1.0,Transition=0) ");
slides[0].elems[1] = new newElement("D0", "timer", "0.0", "div", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=0,Transition=0) ");
//end slide 0
function changeImage(img,loc)
{if(IE)
document.all(img+"image").src = loc;
else
document.layers[img].document.images[0].src = loc;
}
function startMarquees()
{
}
</SCRIPT>
<?php
$voorwaaden = 'voorwaarden.html';
if (isset($_POST['bestel'])){
if(!eregi("[A-Za-z0-9_-]+([\.]{1}[A-Za-z0-9_-]+)*@[A-Za-z0-9-]+([\.]{1}[A-Za-z0-9-]+)+", $_POST['e-mail'])) {
echo '<p>Emailadres onjuist</p>';
} elseif(!$_POST['akkoord']){
echo '<p>U dient akkoord te gaan met de voorwaarden</p>';
} else {
$emailontvanger = '[email protected]';
$onderwerp = 'Bestelling';
$bericht = '
Bericht verzonden op: '.date('d-m-Y').'
IP-adres: '.$_SERVER['REMOTE_ADDR'].'
Voornaam: '.$_POST['voornaam'].'
Tussenvoegsel: '.$_POST['tussenvoegsel'].'
Achternaam: '.$_POST['achternaam'].'
Adres: '.$_POST['adres'].'
Postcode: '.$_POST['postcode'].'
Woonplaats: '.$_POST['woonplaats'].'
Telefoon: '.$_POST['telefoon'].'
Email: '.$_POST['e-mail'].'
Bestelcode: '.$_POST['bestelcode'].'
Opmerkingen: '.$_POST['opmerkingen'];
if(mail($emailontvanger, $onderwerp, $bericht)){
echo '<p>Uw bestelling is verzonden</p>';
} else{
echo '<p>Wegens een technische storing kon de bestelling niet worden doorgegeven. U kan handmatig een e-mail sturen naar: '.$emailontvanger.'</p>';
}
}
}
echo '
<form method="post" action="'.$_SERVER['PHP_SELF'].'">
<table>
<tr>
<td colspan="2" style="font-weight:bold;">Bestelling</td>
</tr><tr>
<td>Voornaam:</td>
<td><input name="voornaam" type="text"></td>
</tr><tr>
<td>Tussenvoegsel:</td>
<td><input name="tussenvoegsel" type="text"></td>
</tr><tr>
<td>Achternaam:</td>
<td><input name="achternaam" type="text"></td>
</tr><tr>
<td>Adres:</td>
<td><input name="adres" type="text"></td>
</tr><tr>
<td>Postcode:</td>
<td><input name="postcode" type="text"></td>
</tr><tr>
<td>Woonplaats:</td>
<td><input name="woonplaats" type="text"></td>
</tr><tr>
<td>Telefoon:</td>
<td><input name="telefoon" type="text"></td>
</tr><tr>
<td>E-mail:</td>
<td><input name="e-mail" type="text"></td>
</tr><tr>
<td>Bestelcode:</td>
<td><input name="bestelcode" type="text"></td>
</tr><tr>
<td>Opmerkingen:</td>
<td><textarea name="opmerkingen"></textarea></td>
</tr><tr>
<td>Hierbij verklaar ik dat ik<br>akkoord ga met de <a href="'.$voorwaaden.'">voorwaarden</a></td>
<td><input type="checkbox" name="akkoord"></td>
</tr><tr>
<td colspan="2" align="right"><input name="bestel" type="submit" value="Bestel"></td>
</tr>
</table>
</form>';
?>
</BODY>
</HTML>
Dus dan doe ik het maar met behulp van een layer. Deze manier werkt namelijk gewoon.
Persoonlijk vind ik dat je een andere manier moet vinden voor je menu'tjes, want die laadtijden zijn enorm, terwijl het laden van zo'n pagina niet zo lang mag duren.
Zie aanpassing in <div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Nieuws</TITLE>
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<META NAME="AUTHOR" CONTENT="Le Prix Sportprijzen">
<STYLE>
#D0 {position:absolute;top:106px;left:361px;width:291px;height:55px;font-size:32px;color:#ff0000;font-family:bookman old style;z-index:1;}
#D0m {position:absolute;top:0;left:0;width:291px;height:55px;padding:10px;background:none;text-align:left;}
#H0 {position:absolute;top:-6px;left:-7px;width:300px;height:100px;padding:10px;z-index:1;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function catchError()
{
return true;
}
window.onerror = catchError;
</SCRIPT>
<SCRIPT SRC="web.js" TYPE="text/javascript"></SCRIPT>
</HEAD>
<BODY STYLE="background-color: #56aeef; background-image: url('foto4.bmp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center" onLoad="loader();">
<DIV ID="D0" ><LAYER NAME="D0m" WIDTH="291" BORDER="10"><DIV ID="D0m"><I PARENT=D0>Bestel formulier</I></DIV></LAYER></DIV>
<DIV ID="H0"><!-- Begin WEB! User HTML Code --><!--** START NAVSTUDIO MENU TAGS (508017) **-->
<div id="vqp_about" style="position:absolute;visibility:hidden;">****Web Menu / Drop Down Menu generated by OpenCube NavStudio. (OpenCube Inc. - http://www.opencube.com)****</div>
<script language="JavaScript">cdd__codebase = "";cdd__codebase508017 = "";</script>
<script language="JavaScript" src="http://www.opencube.com/ns_online/7182/menu_508017.js"></script><script vqptag="placement" vqp_menuid="508017" language="JavaScript">create_menu(508017)</script>
<!--** END NAVSTUDIO MENU TAGS **-->
<script language="Javascript">
function vqp_error(){}
</script><!-- End WEB! User HTML Code --></DIV>
<!-- DO NOT CHANGE THE SCRIPTS BELOW, WEB! WILL MALFUNCTION IF YOU DO! -->
<SCRIPT LANGUAGE="JavaScript" ID="WEB!" TYPE="text/javascript">
var IE = (navigator.appName=="Microsoft Internet Explorer") && (navigator.platform && navigator.platform == 'Win32');
function newSlide(id,next,wait)
{
this.id = id;
this.next = next;
this.wait = wait;
this.elems = new Array();
return this;
}
function newElement(id,next,wait,type,lightRed,lightGreen,lightBlue,lightStrength,waveAnim,waveDir,waves,filter)
{
this.id = id;
this.next = next;
this.wait = wait;
this.type = type;
this.filter = filter;
if(navigator.appName != 'Netscape')
{
document.all(id).style.filter = filter;
var dur_s = filter.indexOf('Duration=')+9;
var dur_e = filter.indexOf(',',dur_s);
document.all(id).filters(0).Duration = filter.substring(dur_s,dur_e)*1.0;
if(document.all(id).style.filter.toLowerCase().indexOf("light(")!=-1)
{
document.all(id).filters.light.addAmbient(lightRed,lightGreen,lightBlue,lightStrength);
}
if(waveAnim=="true")
{
document.all(id).wave = wave;
document.all(id).wavedir = waveDir;
document.all(id).filters.wave.phase = (waveDir=="up")?0:95;
waves[waves.length] = id;
}
}
return this;
}
function loader()
{
startMarquees();
if(navigator.appName != 'Netscape')
startWaves();
else
transitions_netscape();
start();
}
function wave()
{
if(IE)
{
if(this.wavedir=="up" && this.filters.wave.phase<100)
this.filters.wave.phase = this.filters.wave.phase + 5 % 100;
else if(this.wavedir=="down" && this.filters.wave.phase>0)
this.filters.wave.phase = this.filters.wave.phase - 5 % 100;
else if(this.wavedir=="up")
this.filters.wave.phase=0;
else if(this.wavedir=="down")
this.filters.wave.phase=95;
setTimeout(this.id + ".wave()",40);
}
}
var wavesElements = new Array();
var slides = new Array();
var marquees = new Object();
//start slide 0
slides[0] = new newSlide("SL0","timer","0");
slides[0].elems[0] = new newElement("H0", "timer", "0", "htmlcode", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=1.0,Transition=0) ");
slides[0].elems[1] = new newElement("D0", "timer", "0.0", "div", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=0,Transition=0) ");
//end slide 0
function changeImage(img,loc)
{if(IE)
document.all(img+"image").src = loc;
else
document.layers
zie:
<script language="JavaScript" src="http://www.opencube.com/ns_online/7182/menu_508017.js">
Niet echt een slimme manier om je eigen website te maken.
Ik ben dus met die website bezig, en ik maka dat menu via een programma, maar aangezien ik snel alles wou uploaden, deed ik het via hun.
Binnekort zet ik het op onze eigen server.
Bednakt voor je reactie.
Het staat nu iets beter, maar nog niet helmaal hoe ik het wil hebben.
Ik wil het formulier graag onder de rode tekst bestel Formulier het formulier hebben, zodat je foutmeldingen zal kunnen zien. Snap je?
Hopelijk kun je me nog een keer helpen, cq op weg helpen.
Hoe doe jij dat bijvoorbeeld daar zo plaatsen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Nieuws</TITLE>
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<META NAME="AUTHOR" CONTENT="Le Prix Sportprijzen">
<STYLE>
#D0m {position:absolute;top:0;left:0;width:291px;height:55px;padding:10px;background:none;text-align:left;}
#H0 {position:absolute;top:-6px;left:-7px;width:300px;height:100px;padding:10px;z-index:1;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function catchError()
{
return true;
}
window.onerror = catchError;
</SCRIPT>
<SCRIPT SRC="web.js" TYPE="text/javascript"></SCRIPT>
</HEAD>
<BODY STYLE="background-color: #56aeef; background-image: url('foto4.bmp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center" onLoad="loader();">
<DIV ID="H0"><!-- Begin WEB! User HTML Code --><!--** START NAVSTUDIO MENU TAGS (508017) **-->
<div id="vqp_about" style="position:absolute;visibility:hidden;">****Web Menu / Drop Down Menu generated by OpenCube NavStudio. (OpenCube Inc. - http://www.opencube.com)****</div>
<script language="JavaScript">cdd__codebase = "";cdd__codebase508017 = "";</script>
<script language="JavaScript" src="http://www.opencube.com/ns_online/7182/menu_508017.js"></script><script vqptag="placement" vqp_menuid="508017" language="JavaScript">create_menu(508017)</script>
<!--** END NAVSTUDIO MENU TAGS **-->
<script language="Javascript">
function vqp_error(){}
</script><!-- End WEB! User HTML Code --></DIV>
<!-- DO NOT CHANGE THE SCRIPTS BELOW, WEB! WILL MALFUNCTION IF YOU DO! -->
<SCRIPT LANGUAGE="JavaScript" ID="WEB!" TYPE="text/javascript">
var IE = (navigator.appName=="Microsoft Internet Explorer") && (navigator.platform && navigator.platform == 'Win32');
function newSlide(id,next,wait)
{
this.id = id;
this.next = next;
this.wait = wait;
this.elems = new Array();
return this;
}
function newElement(id,next,wait,type,lightRed,lightGreen,lightBlue,lightStrength,waveAnim,waveDir,waves,filter)
{
this.id = id;
this.next = next;
this.wait = wait;
this.type = type;
this.filter = filter;
if(navigator.appName != 'Netscape')
{
document.all(id).style.filter = filter;
var dur_s = filter.indexOf('Duration=')+9;
var dur_e = filter.indexOf(',',dur_s);
document.all(id).filters(0).Duration = filter.substring(dur_s,dur_e)*1.0;
if(document.all(id).style.filter.toLowerCase().indexOf("light(")!=-1)
{
document.all(id).filters.light.addAmbient(lightRed,lightGreen,lightBlue,lightStrength);
}
if(waveAnim=="true")
{
document.all(id).wave = wave;
document.all(id).wavedir = waveDir;
document.all(id).filters.wave.phase = (waveDir=="up")?0:95;
waves[waves.length] = id;
}
}
return this;
}
function loader()
{
startMarquees();
if(navigator.appName != 'Netscape')
startWaves();
else
transitions_netscape();
start();
}
function wave()
{
if(IE)
{
if(this.wavedir=="up" && this.filters.wave.phase<100)
this.filters.wave.phase = this.filters.wave.phase + 5 % 100;
else if(this.wavedir=="down" && this.filters.wave.phase>0)
this.filters.wave.phase = this.filters.wave.phase - 5 % 100;
else if(this.wavedir=="up")
this.filters.wave.phase=0;
else if(this.wavedir=="down")
this.filters.wave.phase=95;
setTimeout(this.id + ".wave()",40);
}
}
var wavesElements = new Array();
var slides = new Array();
var marquees = new Object();
//start slide 0
slides[0] = new newSlide("SL0","timer","0");
slides[0].elems[0] = new newElement("H0", "timer", "0", "htmlcode", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=1.0,Transition=0) ");
slides[0].elems[1] = new newElement("D0", "timer", "0.0", "div", "255", "0", "0", "50", "false", "up", wavesElements, "revealtrans(Duration=0,Transition=0) ");
//end slide 0
function changeImage(img,loc)
{if(IE)
document.all(img+"image").src = loc;
else
document.layers
\Nu heb ik ngo een probleem, en ik weet niet of het op te lossen is.
De foutmeldingen zijn niet echt goed leesbaar door de achtergrond.
Hoe kan ik de kleur veranderen van alle foutmeldingen?
$voorwaaden = 'voorwaarden.html';
$kleurmelding = '#ff0000';
if (isset($_POST['bestel'])){
if(!eregi("[A-Za-z0-9_-]+([\.]{1}[A-Za-z0-9_-]+)*@[A-Za-z0-9-]+([\.]{1}[A-Za-z0-9-]+)+", $_POST['e-mail'])) {
echo '<p style="color:'.$kleurmelding.'; font-weight:bold;">Emailadres onjuist</p>';
} elseif(!$_POST['akkoord']){
echo '<p style="color:'.$kleurmelding.'; font-weight:bold;">U dient akkoord te gaan met de voorwaarden</p>';
} else {
$emailontvanger = '[email protected]';
$onderwerp = 'Bestelling';
$bericht = '
Bericht verzonden op: '.date('d-m-Y').'
IP-adres: '.$_SERVER['REMOTE_ADDR'].'
Voornaam: '.$_POST['voornaam'].'
Tussenvoegsel: '.$_POST['tussenvoegsel'].'
Achternaam: '.$_POST['achternaam'].'
Adres: '.$_POST['adres'].'
Postcode: '.$_POST['postcode'].'
Woonplaats: '.$_POST['woonplaats'].'
Telefoon: '.$_POST['telefoon'].'
Email: '.$_POST['e-mail'].'
Bestelcode: '.$_POST['bestelcode'].'
Opmerkingen: '.$_POST['opmerkingen'];
if(mail($emailontvanger, $onderwerp, $bericht)){
echo '<p style="color:'.$kleurmelding.'; font-weight:bold;">Uw bestelling is verzonden</p>';
} else{
echo '<p style="color:'.$kleurmelding.'; font-weight:bold;">Wegens een technische storing kon de bestelling niet worden doorgegeven. U kan handmatig een e-mail sturen naar: '.$emailontvanger.'</p>';
}
}
}
LET OP! Je kan de kleurcode eenvoudig zelf veranderen door deze regel aan te passen:
$kleurmelding = '#ff0000';
Bv Naam: ...... invulmogelijkheid
ik wil dan bv alles een mooie kleur geven
ivm achtergrond
Als dat voltooid is, dan ben ik klaar en ben ik jullie heel erg dankbaar!!
En ben ik er al heel wat van opgestoken, vind ik zelf.
De code moet dus na de } } }.
Met kopkleur bedoel ik de kop van de tabel, dus hier de tekst Bestelling.
De vraagkleur spreekt voor zich.
Ik weet dat het afschuwelijke kleuren zijn, maar die kan je zelf even aanpassen :)
Probeer zelf even wijzigingen aan te brengen in de code, daar leer je echt van.
Succes
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
42
43
44
45
46
47
48
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
42
43
44
45
46
47
48
<?php
$kopkleur = '#00FF99';
$vraagkleur = '#FFFF00';
echo '
<form method="post" action="'.$_SERVER['PHP_SELF'].'">
<table>
<tr>
<td colspan="2" style="font-weight:bold; color:'.$kopkleur.';">Bestelling</td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Voornaam:</td>
<td><input name="voornaam" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Tussenvoegsel:</td>
<td><input name="tussenvoegsel" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Achternaam:</td>
<td><input name="achternaam" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Adres:</td>
<td><input name="adres" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Postcode:</td>
<td><input name="postcode" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Woonplaats:</td>
<td><input name="woonplaats" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Telefoon:</td>
<td><input name="telefoon" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">E-mail:</td>
<td><input name="e-mail" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Bestelcode:</td>
<td><input name="bestelcode" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Opmerkingen:</td>
<td><textarea name="opmerkingen"></textarea></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Hierbij verklaar ik dat ik<br>akkoord ga met de <a href="'.$voorwaaden.'">voorwaarden</a></td>
<td><input type="checkbox" name="akkoord"></td>
</tr><tr>
<td colspan="2" align="right"><input name="bestel" type="submit" value="Bestel"></td>
</tr>
</table>
</form>';
?>
$kopkleur = '#00FF99';
$vraagkleur = '#FFFF00';
echo '
<form method="post" action="'.$_SERVER['PHP_SELF'].'">
<table>
<tr>
<td colspan="2" style="font-weight:bold; color:'.$kopkleur.';">Bestelling</td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Voornaam:</td>
<td><input name="voornaam" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Tussenvoegsel:</td>
<td><input name="tussenvoegsel" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Achternaam:</td>
<td><input name="achternaam" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Adres:</td>
<td><input name="adres" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Postcode:</td>
<td><input name="postcode" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Woonplaats:</td>
<td><input name="woonplaats" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Telefoon:</td>
<td><input name="telefoon" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">E-mail:</td>
<td><input name="e-mail" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Bestelcode:</td>
<td><input name="bestelcode" type="text"></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Opmerkingen:</td>
<td><textarea name="opmerkingen"></textarea></td>
</tr><tr>
<td style="color:'.$vraagkleur.';">Hierbij verklaar ik dat ik<br>akkoord ga met de <a href="'.$voorwaaden.'">voorwaarden</a></td>
<td><input type="checkbox" name="akkoord"></td>
</tr><tr>
<td colspan="2" align="right"><input name="bestel" type="submit" value="Bestel"></td>
</tr>
</table>
</form>';
?>
Gewijzigd op 02/09/2005 23:44:00 door Barman V
Bednakt voor jullie hulp op dit onderdeel.
Ik heb nu voor mijn doen een prachtig formulier.
Zoals Barman al zei, had ik de laatse vraag eigenlijk zelf kunnen doen, dat kon ik inderdaad bijna, maar ik was gewoon te bang dta ik dit mooie formulier zou verprutsen.
Ik snap nu al een beteje meer van php, maar al het begin is moeilijk, ik snap af en toe de echo's niet, en waarom er 3x een } moet staan, maar de "inhoud" begin ik meer te begrijpen dankzij jullie.
Vroeger werd ik al duizelig als ik php zag, maar het is juist vervrissend, en makkelijker ( minder tekst ) als html en javascript met meer mogelijkheden.
Er gaat een wereld voor me open ( op het website gebied)
Als ik weer vragen heb, dan kom ik hier snel weer terug, want jullie zijn goed bereid andere te helpen.
Bedankt!
for(.....)
{
doe diverse dingen zolang de for nog geldt
} alles hierachter valt dus niet meer onder for()
zelfde voor while(...)
en ook bij if()
if(...)
{ als de if waar is kom je hier
if(...)
{ als deze if waar is kom je hier, maar je komt hier alleen als dus ook de eerste if waar is.
} deze sluit de tweede if af
dus wat hier komt valt nog steeds onder de eerste if en niet meer onder de tweede if
} hier sluit de eerste if
else
{ als de eerste if niet waar is kom je hier
while(...)
{ alles in de while staat hier
} hier sluit de while
} hier sluit de else van de eerste if
Op zo'n manier heb je dus aan het eind twee keer een } achter elkaar.
Ik hoop dat je er iets van snapt, het is laat namelijk.
Edit: Typo
Gewijzigd op 03/09/2005 01:06:00 door - SanThe -
Jelmer:
<input type="checkbox" name="voorwaarden" value="ik ga akkoord" id="voorwaarden"><label for="voorwaarden">Ik ga akkoord met de voorwaarden</label>
Implentatie in je verzend-script zal mij zo even niet lukken, aangezien ik geen idee heb hoe een checkbox zich precies gedraagt waneer deze wel en waneer niet is aangeklikt.
Implentatie in je verzend-script zal mij zo even niet lukken, aangezien ik geen idee heb hoe een checkbox zich precies gedraagt waneer deze wel en waneer niet is aangeklikt.
Die weet ik toevallig:
Een checkbox geeft zijn waarde alleen mee indien aangeklikt. Anders wordt er niets meegestuurd.
Verder lees ik dat het formulier intussen af is. Gefeliciteerd! :-)