Javascript Gesamtanzahl berechnen

man_mar

Hallo,
ich bitte um Unterstützung bei folgendem Problem.
In der linken Spalte möchte ich unten die Anzahl der Gesamt bestellten Karten anzeigen.

Vielen Dank im Vorau für die Unterstützung.
[/code]
<HTML><HEAD><TITLE>Kartenbestellung</TITLE>
<SCRIPT language="JavaScript">
<!--
var artikel=new Array("Erwachsene","Erwachsene_Kasse","Kinder","Kinder_Kasse");
var preise=new Array(9,11,6,7);

function calc(){
var s;
s=2;
var a=new Array(4);

a[0]=document.bestell.i1.value*preise[0];
document.bestell.o1.value=a[0];
a[1]=document.bestell.i2.value*preise[1];
document.bestell.o2.value=a[1];
a[2]=document.bestell.i3.value*preise[2];
document.bestell.o3.value=a[2];
a[3]=document.bestell.i4.value*preise[3];
document.bestell.o4.value=a[3];

//Summe berechnen:
var i;
s=2;
for(i=0;i<4;i++)s+=a[i];
document.bestell.Summe.value=s+" EUR";

}

--></SCRIPT></HEAD>
<BODY bgcolor=#ffffff>
<h2>Kartenbestellung 2007</h2>

<FORM name="bestell">
<TABLE border=1>
<tr><th>Anzahl</th><th>Artikel</th><th>Einzelpreis</th><th>Gesamtpreis</th></tr>

<tr>
<td><input type="text" name="i1" size=2></td><td>Erwachsene Vorverkauf</td><td>9,-</td>
<td><input type="text" name="o1"></td>
</tr>

<tr>
<td><input type="text" name="i2" size=2></td><td>Erwachsene Kasse</td><td>11,-</td><td>
<input type="text" name="o2"></td>
</tr>

<tr>
<td><input type="text" name="i3" size=2></td><td>Kinder Vorverk</td><td>6,-</td><td>
<input type="text" name="o3"></td>
</tr>

<tr>
<td><input type="text" name="i4" size=2></td><td>Kinder Kasse</td><td>7,-</td><td>
<input type="text" name="o4"></td>
</tr>

<tr>
<td></td>
<TD colspan ="3" bgcolor="yellow">Porto: 2,- Euro</TD>
</tr

<tr>
<td>Karten Gesamt:
<input type="text" name="karten"></td><td valign="middle" align="center"><input type="button" name="b" value="Berechnen" onClick="calc()"></td><td>Summe:</td><td>
<input type="text" name="Summe"></td>
</tr>

</TABLE></FORM>

</BODY></HTML>

MfG
Manni

GreenRover

mal kurz was zusammen gefuscht:

Code

<HTML><HEAD><TITLE>Kartenbestellung</TITLE>
<SCRIPT language="JavaScript">
<!--
var artikel=new Array("Erwachsene","Erwachsene_Kasse","Kinder","Kinder_Kasse");
var preise=new Array(0, 9,11,6,7);




function calc(){
var s;
s=2;
var sum=2; // porto
var cnt=0; 
var a=new Array();


for(i=1;i<5;i++)
{
 eval("var obj = parseInt(document.bestell.i" + i + ".value)");
 cnt += obj;
 sum += obj * preise[i];
 eval("document.bestell.o" + i + ".value = (obj * preise[i]) + ' EUR'");
}


document.bestell.summe.value=sum+" EUR";
document.bestell.karten.value=cnt;
}


//
--></SCRIPT></HEAD>
<BODY bgcolor=#ffffff>
<h2>Kartenbestellung 2007</h2>


<FORM name="bestell">
<TABLE border=1>
<tr><th>Anzahl</th><th>Artikel</th><th>Einzelpreis</th><th>Gesamtpreis</th></tr>


<tr>
<td><input type="text" name="i1" size=2 onChange="calc()"></td><td>Erwachsene Vorverkauf</td><td>9,-</td>
<td><input type="text" name="o1" readonly style="text-align:right;"></td>
</tr>


<tr>
<td><input type="text" name="i2" size=2 onChange="calc()"></td><td>Erwachsene Kasse</td><td>11,-</td><td>
<input type="text" name="o2" readonly style="text-align:right;"></td>
</tr>


<tr>
<td><input type="text" name="i3" size=2 onChange="calc()"></td><td>Kinder Vorverk</td><td>6,-</td><td>
<input type="text" name="o3" readonly style="text-align:right;"></td>
</tr>


<tr>
<td><input type="text" name="i4" size=2 onChange="calc()"></td><td>Kinder Kasse</td><td>7,-</td><td>
<input type="text" name="o4" readonly style="text-align:right;"></td>
</tr>


<tr>
<td></td>
<TD colspan ="3" bgcolor="yellow">Porto: 2,- Euro</TD>
</tr


<tr>
<td colspan="2">Karten Gesamt:
<input type="text" name="karten" readonly=""></td>
<td>Summe:</td><td>
<input type="text" name="summe" readonly style="text-align:right;"></td>
</tr>


</TABLE></FORM>


</BODY></HTML>

Alles anzeigen

man_mar

Hallo GreenRover,

funktioniert leider in dieser Form nicht.
Berechnet jetzt auch kein Gesamtpreis mehr.
Trotzdem

Ronald

Moin!

auch mal eben auf die schnelle:

Code

<HTML><HEAD><TITLE>Kartenbestellung</TITLE>
<script type="text/javascript" language="JavaScript">
<!--
var artikel=new Array("Erwachsene","Erwachsene_Kasse","Kinder","Kinder_Kasse");
var preise=new Array(9,11,6,7);


function calc(){


var a = new Array();
var k = new Array();
var summe=0;
var karten=0;
var porto = 2;


for(i=0;i<4;i++)
  {
  var kfeld = "k"+i;
  k[i] = document.getElementsByName("k"+i)[0].value*1;
  a[i] = k[i]*preise[i];
  summe += a[i];
  karten += k[i]
  document.getElementsByName("o"+i)[0].value = a[i];
  }




summe > 0 ? summe += porto:summe = 0;


document.getElementsByName("Summe")[0].value = summe+" EUR";
document.getElementsByName("karten")[0].value = karten;


}


--></SCRIPT></HEAD>
<BODY bgcolor=#ffffff>
<h2>Kartenbestellung 2007</h2>


<FORM name="bestell">
<TABLE border=1>
<tr><th>Anzahl</th><th>Artikel</th><th>Einzelpreis</th><th>Gesamtpreis</th></tr>


<tr>
<td><input type="text" name="k0" size=2></td><td>Erwachsene Vorverkauf</td><td>9,-</td>
<td><input type="text" name="o0"></td>
</tr>


<tr>
<td><input type="text" name="k1" size=2></td><td>Erwachsene Kasse</td><td>11,-</td><td>
<input type="text" name="o1"></td>
</tr>


<tr>
<td><input type="text" name="k2" size=2></td><td>Kinder Vorverk</td><td>6,-</td><td>
<input type="text" name="o2"></td>
</tr>


<tr>
<td><input type="text" name="k3" size=2></td><td>Kinder Kasse</td><td>7,-</td><td>
<input type="text" name="o3"></td>
</tr>


<tr>
<td></td>
<TD colspan ="3" bgcolor="yellow">Porto: 2,- Euro</TD>
</tr


<tr>
<td>Karten Gesamt:
<input type="text" name="karten"></td><td valign="middle" align="center"><input type="button" name="b" value="Berechnen" onClick="calc()"></td><td>Summe:</td><td>
<input type="text" name="Summe"></td>
</tr>


</TABLE></FORM>


</BODY></HTML>

Alles anzeigen

Bitte beachten, daß ich einiges umgestellt habe!

G.a.d.M.

Ronald

GreenRover

so nochmal mit bugfix für bescheuerte browser!

Code

<HTML><HEAD><TITLE>Kartenbestellung</TITLE>
<SCRIPT language="JavaScript">
<!--
var artikel=new Array("Erwachsene","Erwachsene_Kasse","Kinder","Kinder_Kasse");
var preise=new Array(0, 9,11,6,7);




function calc(){
var s;
s=2;
var sum=2; // porto
var cnt=0;
var a=new Array();


for(i=1;i<5;i++)
{
 eval("var obj = parseInt(document.bestell.i" + i + ".value)");
 
 if (obj>0)
 {
  cnt += obj;
  sum += obj * preise[i];
 } else {
  obj = 0;
 }


 eval("document.bestell.o" + i + ".value = (obj * preise[i]) + ' EUR'");
}


document.bestell.summe.value=sum+" EUR";
document.bestell.karten.value=cnt;
}


//
--></SCRIPT></HEAD>
<BODY bgcolor=#ffffff>
<h2>Kartenbestellung 2007</h2>


<FORM name="bestell">
<TABLE border=1>
<tr><th>Anzahl</th><th>Artikel</th><th>Einzelpreis</th><th>Gesamtpreis</th></tr>


<tr>
<td><input type="text" name="i1" size=2 onChange="calc()"></td><td>Erwachsene Vorverkauf</td><td>9,-</td>
<td><input type="text" name="o1" readonly style="text-align:right;"></td>
</tr>


<tr>
<td><input type="text" name="i2" size=2 onChange="calc()"></td><td>Erwachsene Kasse</td><td>11,-</td><td>
<input type="text" name="o2" readonly style="text-align:right;"></td>
</tr>


<tr>
<td><input type="text" name="i3" size=2 onChange="calc()"></td><td>Kinder Vorverk</td><td>6,-</td><td>
<input type="text" name="o3" readonly style="text-align:right;"></td>
</tr>


<tr>
<td><input type="text" name="i4" size=2 onChange="calc()"></td><td>Kinder Kasse</td><td>7,-</td><td>
<input type="text" name="o4" readonly style="text-align:right;"></td>
</tr>


<tr>
<td></td>
<TD colspan ="3" bgcolor="yellow">Porto: 2,- Euro</TD>
</tr


<tr>
<td colspan="2">Karten Gesamt:
<input type="text" name="karten" readonly=""></td>
<td>Summe:</td><td>
<input type="text" name="summe" readonly style="text-align:right;"></td>
</tr>


</TABLE></FORM>


</BODY></HTML>

Alles anzeigen

man_mar

Hallo Ronald und GreenRover,

Klasse Lösung - Funktioniert einwandfrei

Tags