astrainformatiker
Neues Mitglied
Servus,
ich arbeite immernoch an meinem Kassenautomaten;) bin jetzt auch schon einige Schritte weiter, nur ich scheitere einfach an der addier uns subtrahier funktion des Rechners.
Ich poste nochmal meinen veränderten Quelltex und meine Scriptdatei.
Ich würde mich freuen, wenn ihmr mir Tipp geben könntet, wie ich in diesem konkreten Fall weiter komme.
Gruß Astrainformatiker:lol:
HMTL Quelltext:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<meta name="generator" content="HTML Studio">
</head>
<body>
<style type="text/css">
.taste {font:16pt;
background-color:#CC0000;
color:#FFFF00;
width:50px;
height:50px;
}
</style>
<script src="scriptdatei.js" type="text/javascript"></script>
<script language="JavaScript">
function anhaengen(zeichen)
{
wort = get_eingabe ("wortfeld",0);
wort = wort + zeichen;
setz_eingabe (wort,"wortfeld",0);
}
function Tastegleich()
{
get_eingabe("wortfeld",0)
hinzufuegen(wort,"Liste","true")
loesche_eingabe("wortfeld",0)
}
function Tastegleich()
{
get_eingabe("wortfeld",0)
hinzufuegen(wort,"Liste","true")
loesche_eingabe("wortfeld",0)
}
function loesche_lz ()
{
wort= get_eingabe("wortfeld",0);
wortlaenge= wort.length;
neuwort = wort.substr(0,wortlaenge-1);
setz_eingabe(neuwort,"wortfeld",0);
}
function loesche_az ()
{
wort = get_eingabe("wortfeld",0);
loesche_eingabe("wortfeld",0);
}
</script>
<body bgcolor="#FFAAAA">
<div id="Zahlenblock" style="position:absolute; left:200px; top:50px; background-color:#6A3500; width:200px; height:320px">
<div>
<input name="wortfeld" size="29" style="position:relative; top:10px" readonly="">
</div>
<br>
<input type="button" value="1" name="" class="taste" onClick="anhaengen('1')">
<input type="button" value="2" name="" class="taste" onClick="anhaengen('2')">
<input type="button" value="3" name="" class="taste" onClick="anhaengen('3')">
<br>
<input type="button" value="4" name="" class="taste" onClick="anhaengen('4')">
<input type="button" value="5" name="" class="taste" onClick="anhaengen('5')">
<input type="button" value="6" name="" class="taste" onClick="anhaengen('6')">
<br>
<input type="button" value="7" name="" class="taste" onClick="anhaengen('7')">
<input type="button" value="8" name="" class="taste" onClick="anhaengen('8')">
<input type="button" value="9" name="" class="taste" onClick="anhaengen('9')">
<br>
<input type="button" value="-" name="" class="taste" onClick="taste_minus()">
<input type="button" value="+" name="" class="taste" onClick="taste_plus()">
<input type="button" value="0" name="" class="taste" onClick="taste(0)">
<br>
<input type="button" value="CE" name="" class="taste" onClick="loesche_az()">
<input type="button" value="C" name="" class="taste" onClick="loesche_lz()">
<input type="button" value="=" name="" class="taste" onClick="taste_gleich()">
<br>
<input type="button" value="reset" name="" onClick="loesche_eingabe('wortfeld',0)">
<input type="button" value="enter" name="" onClick="Tastegleich()">
</div>
<select size="15" name="liste" style="position:absolute; top:50px; width:180px"></select>
<div style="position:absolute; top:300px">
<input type="button" value="löschen" name="loesche" onClick="loesche_zettel()">
</div>
</body>
</html>
Hier Sciptdatei:
unction get_eingabe (eingabeelement,n)
<!-- Der Inhalt einer eingabezeile wird gelesen -->
{
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)
<!-- Ein wort wird in eine Eingabezeile geschrieben -->
{
document.getElementsByName(eingabeelement)[n].value = wort;
}
<!-- ------------------------------------------------------------------ -->
function loesche_eingabe(eingabeelement,n)
<!-- Eine Eingabezeile wird geleert -->
{
document.getElementsByName(eingabeelement)[n].value="";
}
<!-- ------------------------------------------------------------------ -->
function get_auswahllaenge(auswahlid)
<!-- Die Länge einer auswahlliste wird zurückgegeben -->
{
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(newo ption);
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) <!-- Ein div-Element mit id = identitaet -->
{ <!-- wird sichtbar. -->
document.getElementById(identitaet).style.visibili ty="visible";
}
function verstecke(identitaet) <!-- Ein div-Element mit id =identitaet -->
{ <!-- wird unsichtbar. -->
document.getElementById(identitaet).style.visibili ty="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 arbeite immernoch an meinem Kassenautomaten;) bin jetzt auch schon einige Schritte weiter, nur ich scheitere einfach an der addier uns subtrahier funktion des Rechners.
Ich poste nochmal meinen veränderten Quelltex und meine Scriptdatei.
Ich würde mich freuen, wenn ihmr mir Tipp geben könntet, wie ich in diesem konkreten Fall weiter komme.
Gruß Astrainformatiker:lol:
HMTL Quelltext:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<meta name="generator" content="HTML Studio">
</head>
<body>
<style type="text/css">
.taste {font:16pt;
background-color:#CC0000;
color:#FFFF00;
width:50px;
height:50px;
}
</style>
<script src="scriptdatei.js" type="text/javascript"></script>
<script language="JavaScript">
function anhaengen(zeichen)
{
wort = get_eingabe ("wortfeld",0);
wort = wort + zeichen;
setz_eingabe (wort,"wortfeld",0);
}
function Tastegleich()
{
get_eingabe("wortfeld",0)
hinzufuegen(wort,"Liste","true")
loesche_eingabe("wortfeld",0)
}
function Tastegleich()
{
get_eingabe("wortfeld",0)
hinzufuegen(wort,"Liste","true")
loesche_eingabe("wortfeld",0)
}
function loesche_lz ()
{
wort= get_eingabe("wortfeld",0);
wortlaenge= wort.length;
neuwort = wort.substr(0,wortlaenge-1);
setz_eingabe(neuwort,"wortfeld",0);
}
function loesche_az ()
{
wort = get_eingabe("wortfeld",0);
loesche_eingabe("wortfeld",0);
}
</script>
<body bgcolor="#FFAAAA">
<div id="Zahlenblock" style="position:absolute; left:200px; top:50px; background-color:#6A3500; width:200px; height:320px">
<div>
<input name="wortfeld" size="29" style="position:relative; top:10px" readonly="">
</div>
<br>
<input type="button" value="1" name="" class="taste" onClick="anhaengen('1')">
<input type="button" value="2" name="" class="taste" onClick="anhaengen('2')">
<input type="button" value="3" name="" class="taste" onClick="anhaengen('3')">
<br>
<input type="button" value="4" name="" class="taste" onClick="anhaengen('4')">
<input type="button" value="5" name="" class="taste" onClick="anhaengen('5')">
<input type="button" value="6" name="" class="taste" onClick="anhaengen('6')">
<br>
<input type="button" value="7" name="" class="taste" onClick="anhaengen('7')">
<input type="button" value="8" name="" class="taste" onClick="anhaengen('8')">
<input type="button" value="9" name="" class="taste" onClick="anhaengen('9')">
<br>
<input type="button" value="-" name="" class="taste" onClick="taste_minus()">
<input type="button" value="+" name="" class="taste" onClick="taste_plus()">
<input type="button" value="0" name="" class="taste" onClick="taste(0)">
<br>
<input type="button" value="CE" name="" class="taste" onClick="loesche_az()">
<input type="button" value="C" name="" class="taste" onClick="loesche_lz()">
<input type="button" value="=" name="" class="taste" onClick="taste_gleich()">
<br>
<input type="button" value="reset" name="" onClick="loesche_eingabe('wortfeld',0)">
<input type="button" value="enter" name="" onClick="Tastegleich()">
</div>
<select size="15" name="liste" style="position:absolute; top:50px; width:180px"></select>
<div style="position:absolute; top:300px">
<input type="button" value="löschen" name="loesche" onClick="loesche_zettel()">
</div>
</body>
</html>
Hier Sciptdatei:
unction get_eingabe (eingabeelement,n)
<!-- Der Inhalt einer eingabezeile wird gelesen -->
{
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)
<!-- Ein wort wird in eine Eingabezeile geschrieben -->
{
document.getElementsByName(eingabeelement)[n].value = wort;
}
<!-- ------------------------------------------------------------------ -->
function loesche_eingabe(eingabeelement,n)
<!-- Eine Eingabezeile wird geleert -->
{
document.getElementsByName(eingabeelement)[n].value="";
}
<!-- ------------------------------------------------------------------ -->
function get_auswahllaenge(auswahlid)
<!-- Die Länge einer auswahlliste wird zurückgegeben -->
{
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(newo ption);
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) <!-- Ein div-Element mit id = identitaet -->
{ <!-- wird sichtbar. -->
document.getElementById(identitaet).style.visibili ty="visible";
}
function verstecke(identitaet) <!-- Ein div-Element mit id =identitaet -->
{ <!-- wird unsichtbar. -->
document.getElementById(identitaet).style.visibili ty="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)
{
}