Hilfe bei Projekt Kassenautomat

astrainformatiker · 10 März 2009

Hi,
ich bin gerade dabei einen Kassenautomaten in HTML zu programmieren.
Fertige bildschirmdarstellung soll wie folgt aussehen:
PictureUpload (Hosted By PictureUpload.de)
Anforderung an das Programm:
Das Listenfeld soll die eigegebenen Zahlen übenehmen und die Summe ausgeben.
Des Weiteren soll die Eingabe über den Button "Löschen" gelöscht werden.

Meine bisherige Arbeiten:
Ich habe bis jetzt alle Grundlegenden Elemente auf den Bilschirm gebracht, jedoch scheitere ich an der richtigen Positionierung.
Das Programm ist auch in der lage, Zahlen in Liste zu übetragen, jedoch bekomme ich die Summierung nicht hin.

Hier mein Quelltex:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<meta name="generator" content="HTML Studio">
</head>
<script src="..Scriptescriptdatei.js" type="text/javascript"> </script>

<style type="text/css">
.zahltaste { font: 14pt;
background-color:#000099;
color:#88FF00;
width: 30pt;
height: 30pt;}

</style>

<script langauge="JavaScript">
function Taste(n)
{
get_eingabe("Balken",0)
wort = wort + n
setz_eingabe(wort,"Balken",0)
}

function Tastegleich()
{
get_eingabe("Balken",0)
hinzufuegen(wort,"Rechnung","true")
loesche_eingabe("Balken",0)
}

function Taste_plus()
{
get_eingabe("Rechnung",0)

}

function Taste_minus()
{

}

function Taste_CE()
{
get_eingabe("Balken",0)
lösche_eingabe("Balken",0)
}

function Taste_C()
{

}

</script>

<body bgcolor="#FF0000">

<input name="Balken" size="1" style="position: absolute;left:200px;width: 110pt" readonly> <br>

<select size="5" name="Rechnung" style="width: 160px;height: 300px">
</select>

<div id="Ziffernblock" style="background-color: #FFFF88; width: 150px; height: 200px; position: absolute;left:200px;top:50px">

<input type="button" value="1" name="Taste 1" class="zahltaste" onClick="Taste(1)">
<input type="button" value="2" name="Taste 2" class="zahltaste" onClick="Taste(2)">
<input type="button" value="3" name="Taste 3" class="zahltaste" onClick="Taste(3)"> <br>
<input type="button" value="4" name="Taste 4" class="zahltaste" onClick="Taste(4)">
<input type="button" value="5" name="Taste 5" class="zahltaste" onClick="Taste(5)">
<input type="button" value="6" name="Taste 6" class="zahltaste" onClick="Taste(6)"> <br>
<input type="button" value="7" name="Taste 7" class="zahltaste" onClick="Taste(7)">
<input type="button" value="8" name="Taste 8" class="zahltaste" onClick="Taste(8)">
<input type="button" value="9" name="Taste 9" class="zahltaste" onClick="Taste(9)"> <br>
<input type="button" value="-" name="Minus" class="zahltaste" onClick="Taste_minus()()">
<input type="button" value="+" name="Plus" class="zahltaste" onClick="Taste_plus()">
<input type="button" value="0" name="Taste 0" class="zahltaste" onClick="Taste(0)"> <br>
<input type="button" value="CE" name="CE" class="zahltaste" onClick="Taste_CE()">
<input type="button" value="C" name="C" class="zahltaste" onClick="Taste_C()">
<input type="button" value="=" name="Gleichheitszeichen" class="zahltaste" onClick="Tastegleich()">

</div>

</body>
</html>

Hier Scriptdatei:
function get_eingabe (eingabeelement,n)

{
wort=document.getElementsByName(eingabeelement)[n].value;
return wort;
}


function get_listzeile(listname)
{
z = document.getElementsByName(listname)[0].selectedIndex;
wort = document.getElementsByName(listname)[0][z].innerHTML;
return wort;
}

function setz_listzeile(wort,listname)
{
z = document.getElementsByName(listname)[0].selectedIndex;
document.getElementsByName(listname)[0][z].innerHTML= wort;
}


function get_listzeile_z(listname,z)
{
wort = document.getElementsByName(listname)[0][z].innerHTML;
return wort;
}


function setz_eingabe (wort,eingabeelement,n)

{
document.getElementsByName(eingabeelement)[n].value = wort;
}

function loesche_eingabe(eingabeelement,n)

{
document.getElementsByName(eingabeelement)[n].value="";
}


function get_auswahllaenge(auswahlid)

{
z = document.getElementById(auswahlid).length;
return z;
}


function hinzufuegen(eingabewort,listname,selektiert)
{
z= get_auswahllaenge(listname);
var newoption = document.createElement("option");
newoption.selected=selektiert;
var newoptText = document.createTextNode (eingabewort);
document.getElementById(listname).appendChild(newoption);
document.getElementsByTagName("option")[z].appendChild(newoptText);
}


function setz_focus(eingabeelement,n)
{
document.getElementsByName(eingabeelement)[n].focus();
}

function get_buchstabe(wort,n)
{
buchstabe = wort.charAt(n);
return buchstabe;
}

function zeige(identitaet) 
{ 
document.getElementById(identitaet).style.visibility="visible";
}

function verstecke(identitaet) 
{ 
document.getElementById(identitaet).style.visibility="hidden";
}

function schreibe(elementid,wort)
{
document.getElementById(elementid).innerHTML=wort;
}

function lese(elementid,wort)
{
wort = document.getElementById(elementid).innerHTML;
return wort;
}

function schreibe_listzeile(wort,nummer)
{
document.getElementsByTagName("option")[nummer].innerHTML=wort;
}

function wort_erweitert (wort,n)
{
while (wort.length<n)
wort=" "+wort;
return wort;
}

function wort_reduziert(wort)
{

}

Ich würde mich freuen, wenn ihr mich bei meiner Arbeit unterstützen würdet.

Hilfe bei Projekt Kassenautomat

astrainformatiker

Neues Mitglied

Neueste Beiträge