Bestellformular
Bei diesem Script wird Ihnen ein Bestellformular geboten. Sie können es ganz nach Ihren Wünschen im Script anpassen.
Code (zwischen <head> und </head>)
<script language="JavaScript">
<!--
function init() {
preis1=document.form1.ein1.value;
preis2=document.form1.ein2.value;
preis3=document.form1.ein3.value;
}
function changed(obj) {
var anz;
var soll;
var diff;
var typ=obj.name.substring(0,3);
var num=obj.name.charAt(3);
if(typ == "anz") {
var anz=parseInt(obj.value);
if(!(anz > 0)) {
anz=0;
obj.value="0";
}
document.form1["ges"+num].value=parseFloat(document.form1["ein"+num].value)*anz;
} else if(typ == "ein") {
alert("Finger weg !");
obj.value=eval("preis"+num);
} else if(typ == "ges") {
anz=parseInt(document.form1["anz"+num].value);
soll=parseFloat(document.form1["ein"+num].value)*anz;
diff=parseFloat(document.form1["ges"+num].value) - soll;
if(diff > 0.005) {
alert("Danke !");
} else if(diff < -0.005) {
alert("Nicht mit mir !");
document.form1["ges"+num].value=soll;
}
}
var total=0;
for (num=1; num<=3; num++) {
total+=parseFloat(document.form1["ges"+num].value);
}
document.form1.total.value=total;
}
function check() {
var status=true;
var email=document.form1.mailto.value;
if(email == "") {
alert("Bitte geben Sie Ihre email-Adresse ein !");
status=false;
} else {
kk=email.indexOf("@");
if(kk <= 0 || email.indexOf(".", kk) < 0) {
alert("email-Adresse ist nicht korrekt !");
status=false;
}
}
var anz=0;
for (num=1; num<=3; num++) {
anz+=parseFloat(document.form1["anz"+num].value);
}
if(anz < 1) {
alert("es wurde nichts bestellt !");
status=false;
}
if(status)status=confirm("Es werden "+anz+" Pizza bestellt.");
return status;
}
//-->
</script>
Code (zwischen <body> und </body>
<form name="form1" method="post" action="/cgi-bin/ub/cgi-mail" onSubmit="return check();" onReset="return confirm('wirklich rücksetzen ?');">
<input type="hidden" name="subject" value="JavaScript Pizza-Bestellung">
</font><font size="2">
<h3><u><em style="font-weight: 400"><font face="Verdana" size="2">
Bestellformular</font></em></u></h3>
</font><font face="Verdana" size="2">
<p>Ihre eMail-Adresse:<br>
<input type="text" name="mailto" size="32"> </p>
<table border="1">
<tr>
<th><font size="2">Anzahl</font></th>
<th><font size="2">Bezeichnung</font></th>
<th><font size="2">Einzelpreis</font></th>
<th><font size="2">Gesamtpreis </font></th>
</tr>
<tr>
<td>
<input type="text" name="anz1" size="3" value="0" onChange="changed(this);"><font size="2">
</font></td>
<td><font size="2">Pizza Margherita </font></td>
<td>
<input type="text" name="ein1" size="7" value="70.00" onChange="changed(this);"><font size="2">
</font></td>
<td>
<input type="text" name="ges1" size="7" value="0" onChange="changed(this);"><font size="2">
</font></td>
</tr>
<tr>
<td>
<input type="text" name="anz2" size="3" value="0" onChange="changed(this);"><font size="2">
</font></td>
<td><font size="2">Pizza 4 Stagione </font></td>
<td>
<input type="text" name="ein2" size="7" value="75.00" onChange="changed(this);"><font size="2">
</font></td>
<td>
<input type="text" name="ges2" size="7" value="0" onChange="changed(this);"><font size="2">
</font></td>
</tr>
<tr>
<td>
<input type="text" name="anz3" size="3" value="0" onChange="changed(this);"><font size="2">
</font></td>
<td><font size="2">Pizza Fantasia </font></td>
<td>
<input type="text" name="ein3" size="7" value="80.00" onChange="changed(this);"><font size="2">
</font></td>
<td>
<input type="text" name="ges3" size="7" value="0" onChange="changed(this);"><font size="2">
</font></td>
</tr>
<tr>
<td><font size="2"> </font></td>
<th><font size="2">Gesamtsumme </font></th>
<td><font size="2"> </font></td>
<td>
<input type="text" name="total" size="7" onChange="changed(this);"><font size="2">
</font></td>
</tr>
</table>
<p><input type="submit" value="Bestellen">
<input type="reset" value="Rücksetzen"></p></form>
Body Befehl erweitern
<onLoad="init();">
kan mir jemand sagen wie die des meinen mit Code (zwischen <head> und </head>)
Code (zwischen <body> und </body>
Body Befehl erweitern
