Hi, bin neu im Forum und brauch direkt mal eure Hilfe.
Umzwar soll er mir Fehler ausgeben, wenn ich bei den Formularfelder Nachname, Strasse, Stadt leer lasse. Es will aber einfach nicht funktionieren, vielleicht könnt ihr mir helfen..
Danke schonmal..
und das dazugehörige JavaScript
Umzwar soll er mir Fehler ausgeben, wenn ich bei den Formularfelder Nachname, Strasse, Stadt leer lasse. Es will aber einfach nicht funktionieren, vielleicht könnt ihr mir helfen..
Danke schonmal..
HTML:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<form action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="post">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="functionen.js"> </script>
<noscript> <p>Bitte aktivieren Sie JavaScript !</p> </noscript>
<title>Bestellung</title>
</head>
<body onload="tblRows()">
<div class="header">Bestellung</div>
<form name="form1" action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="post" onsubmit="return pruefen()" >
<!-- Speisekarte-->
<div class="Pizze">
<table class ="tbl">
<tr>
<th>Bild</th>
<th>Pizza</th>
<th>Preis</th>
</tr>
<tr class="normal" id="Margherita" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
onmouseover="Over(this);" onmousedown="Down(this);"
onmouseup="Up(this);" onmouseout="Out(this);">
<td><img src="ma.jpg" alt="Bild der Pizza" /></td>
<td>Margherita</td>
<td>4,00 €</td>
</tr>
<tr class="normal" id="Salami" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
onmouseover="Over(this);" onmousedown="Down(this);"
onmouseup="Up(this);" onmouseout="Out(this);">
<td><img src="salami.jpg" alt="Bild der Pizza" /></td>
<td>Salami</td>
<td>4,50 €</td>
</tr>
<tr class="normal" id="Tonno" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
onmouseover="Over(this);" onmousedown="Down(this);"
onmouseup="Up(this);" onmouseout="Out(this);">
<td><img src="tonno.jpg" alt="Bild der Pizza" /></td>
<td>Tonno</td>
<td>5,00 €</td>
</tr>
<tr class="normal" id="Hawaii" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
onmouseover="Over(this);" onmousedown="Down(this);"
onmouseup="Up(this);" onmouseout="Out(this);">
<td><img src="hawaii.jpg" alt="Bild der Pizza" /></td>
<td>Hawaii</td>
<td>5,50 €</td>
</tr>
</table>
</div>
<!-- Warenkorb
<form action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" method="get">-->
<div class="Adresse">
<h3 class="Überschrift">Warenkorb</h3>
<label for "Warenkorb"><select id="Warenkorb" name="liste" size="9" multiple="multiple" onchange="summe (this.id,'summe');">
</select></label>
</div>
<!-- Gesamtbetrag irgendwie errechnen und anzeigen lassen -->
<div class="Preis">
<span id="Überschrift">Summe: </span>
<span id="summe">0.00</span>
</div>
<!-- Adresseingabe-->
<h3>Adresse</h3>
<pre>
Nachname: <input name="Nachname" type="text">
Strasse : <input name="Strasse" type="text">
Stadt: <input name="Stadt" type="text">
<input class="button1" type="submit" name="Bestellen" value="Bestellen" onclick="bestellen('Warenkorb');" />
</pre>
<!-- Buttons -->
<div class="Buttons">
<input class="button1" type="reset" name="Alle Löschen" value="Alle Löschen" onclick="alleLoeschen('Warenkorb');
summe('Warenkorb','summe');"/>
<br/>
<input class="button1" type="reset" name="Löschen" value="Auswahl Löschen" onclick="auswahlLoeschen('Warenkorb');
summe('Warenkorb','summe');" />
</div>
</form>
</body>
</html>und das dazugehörige JavaScript
Code:
function add (pizzaID,listeID)
{
var liste = document.getElementById(listeID);
var pizza = new Option(pizzaID,pizzaID,false,true);
liste.options
[liste.length]=pizza;
}
var pizze = new Array();
pizze["Margherita"] = 4.00;
pizze["Salami"] = 4.50;
pizze["Tonno"] = 5.00;
pizze["Hawaii"] = 5.50;
function Over (reihe)
{
reihe.className = "over";
}
function Down (reihe)
{
reihe.className = "down";
}
function Up (reihe)
{
reihe.className = "up";
Bestellen()
}
function Out (reihe)
{
reihe.className = "out";
}
function updateStatus (Id){
var radioButton = document.getElementById(Id);
var status = radioButton.value;
var name = radioButton.getAttribute('name');
var form = document.getElementById('baecker');
form.status.value=name+"_"+status;
form.submit();
}
function tblRows()
{
var el = document.getElementsByTagName("tr");
for(var i=0; i<el.length; i++)
{
if(i%2 == 1){
el[i].className = "on";
el[i].oldClassName = "on";
} else {
el[i].className = "off";
el[i].oldClassName = "off";
}
}
}
function summe(Warenkorb,ausgabeID)
{
var elmSel = document.getElementById(Warenkorb);
var i;
var preis=0.0;
var summe=0.0;
for (i = elmSel.length - 1; i>=0; i--) {
preis += parseFloat(pizze[elmSel.options[i].text]);
}
document.getElementById(ausgabeID).innerHTML=preis.toFixed() + " €";
}
function auswahlLoeschen(listeID)
{
var elmSel = document.getElementById(listeID);
var i;
for (i = elmSel.length - 1; i>=0; i--) {
if (elmSel.options[i].selected) {
elmSel.remove(i);
}
}
}
function alleLoeschen(listeID)
{
var liste = document.getElementById(listeID);
while (liste.firstChild != null)
liste.removeChild (liste.firstChild);
}
function pruefen()
{
res = true;
a = document.form1;
if(a.Nachname.value == ''){res = false;}
if(a.Strasse.value == ''){res = false;}
if(a.Stadt.value == ''){res = false;}
if(res == false){alert('Bitte Formular vollständig ausfüllen!')}
return res;
}