Euroumrechner mit Javascript??

ITzEmir · 30. November 2009, 18:27

Noch eine kleine Frage, wie kann ich ein Textfeld also <input> nur zum anzeigen von Werten einrichten?
Sprich es soll für manuelle Einträge gesperrt sein.

Deadman44 · 30. November 2009, 18:42

Ganz einfach mit readonly als Attribut des Textfeldes:

Quellcode

<input name="wert3" type="text" size="10" maxlength="10" readonly>

ITzEmir · 1. Dezember 2009, 14:10

Kann ich in JS eine Parameter Übergabe machen? Ich habe eine Funktion geschrieben und möchte diese 7 mal verwenden.
Bisher habe ich den einzelnen Variablen durch den Pfade einen Wert gegeben. Also wenn ich das nach dem alten Schema mache, müsste ich die Funktion 7 mal schreiben, immer mit andern Variablen und das ist ja nicht elegant.

ITzEmir · 1. Dezember 2009, 15:31

...

Deadman44 · 1. Dezember 2009, 16:27

Natürlich kann man in JS Parameter übergeben.

Quellcode

function foobar(foo,bar) {
alert(foo); //Zeige den 1. Parameter als Meldung an
bar = bar / 2; //Halbiere den 2. Parameter
}

Quellcode

<input type="button" value="Klick mich" onclick="foobar('Hello World',6)" />

ITzEmir · 1. Dezember 2009, 16:34

Super muss ich gleich einbauen.

Noch eine letzte Frage. Gibt es so was ähnliches wie onclick aber ohne click. Also die Werte sollen sofort sichtbar sein und sich verändern wenn ich einen Wert ändere (ohne Button). Ich habe natürlich schon gegooglet und onload gefunden aber das funktioniert nicht ganz^^

Deadman44 · 1. Dezember 2009, 17:38

Wie meinst du das genau? Vielleicht sollte ist

Quellcode

onchange='foo()'

das was du brauchst, aber das müsstest du ja schon kennen.

ITzEmir · 1. Dezember 2009, 19:09

Also meine Tabelle sieht so aus.

[Blockierte Grafik: http://img31.imageshack.us/img31/4516/unbenanntuz.png][Blockierte Grafik: http://img31.imageshack.us/img31/unbenanntuz.png/1/w587.png]

Und das Problem ist, ich muss immer erst den MwSt-Satz ändern damit es was berechnet. Sonst steht da immer: NaN. Das liegt doch an dem onchange oder? Was wäre eine gute Alternative wenn ich will das die Werte schon ohne Änderung gelten sollen.

Deadman44 · 1. Dezember 2009, 20:01

Du könntest auf jedes der Eingabefelder (Menge, Produkt, MwSt) ein onchange-Event definieren, welches immer die selbe Funktion aufruft, die jetzt schon beim MwSt aufgerufen wird.
Andererseits könntest du mit onload bereits gemachte Eingaben (z. Bsp. aus einer Datenbank) direkt am Anfang schon rechnen lassen.

ITzEmir · 1. Dezember 2009, 20:10

Das erste habe ich schon versucht und ich muss trotzdem was verändern damit es klappt und da ich keine Datenbank habe geht es wohl nicht anders zu schade.

Deadman44 · 1. Dezember 2009, 20:37

Bitte poste mal den Quellcode. Ich werde irgendwie immer noch nicht schlauer aus deiner Frage :). Also du hast die Tabelle und machst eine Eingabe. Du gibst bei Anzahl 1 ein. Dann gibt er schon ein Ergebnis aus. Wenn du dann das Produkt oder die MwSt. veränderst, dann ändert er auch das Ergebnis.
Oder willst du bei den leere Feldern als Ergebnis 0 stehen haben?

ITzEmir · 1. Dezember 2009, 21:48

Wenn ich die Anzahl ändere dann berechnet er nur den Einzelpreis der Rest ist NaN;

Ich schick dir den Download Link per PM^^ Ich möchte nicht das Leute aus meinem Kurs mir meinen Code kopieren^^ Das gibt nur wieder Ärger.

ITzEmir · 1. Dezember 2009, 21:52

Nicht erschrecken wenn du die Funktion siehst^^ Hab das mit den Parametern noch nicht richtig verstanden. Muss mich damit am Wochenende nochmal beschäftigen, wenn ich wieder Zeit habe.

Deadman44 · 1. Dezember 2009, 22:13

Du musst EP() respektive EPn(), wobei n = 1 bis 6, als erste Funktion aufrufen, da die andere Funktionen auf das Einzelpreisfeld zugreifen. Im ersten Durchlauf ist dort aber noch kein Wert, deswegen kommt am Ende NaN heraus.
Beispiel:

Quellcode

<select name="menge1" size="1" onchange="EP(), MW(), BT(), Last()">

ITzEmir · 1. Dezember 2009, 22:30

oh man ich hab die Reihenfolge ganz vergessen, mein Fehler.

Gibt es eine Möglichkeit, mir den gesamt Betrag anzeigen zu lassen wenn ich nur die ersten zwei Bestellungen ausfülle. Da steht ja immer noch NAN. Der Defaultwert ist ja 0. also sollten die 4 übrigen Bestellungen 0 sein.

Deadman44 · 1. Dezember 2009, 23:21

Du musst die Eingabefelder auf Inhalt prüfen und dann entweder den eingegebenen Wert in die Berechnung mit einfließen lassen, oder du weißt der entsprechenden Variable 0 zu.
So funktioniert es z. Bsp.:

Quellcode

function Last()
{
var wert1 = (this.document.Produktbestellung.betrag1.value != "") ? this.document.Produktbestellung.betrag1.value : 0.0;
var wert2 = (this.document.Produktbestellung.betrag2.value != "") ? this.document.Produktbestellung.betrag2.value : 0.0;
var wert3 = (this.document.Produktbestellung.betrag3.value != "") ? this.document.Produktbestellung.betrag3.value : 0.0;
var wert4 = (this.document.Produktbestellung.betrag4.value != "") ? this.document.Produktbestellung.betrag4.value : 0.0;
var wert5 = (this.document.Produktbestellung.betrag5.value != "") ? this.document.Produktbestellung.betrag5.value : 0.0;
var wert6 = (this.document.Produktbestellung.betrag6.value != "") ? this.document.Produktbestellung.betrag6.value : 0.0;
var Ergebnis = 0;
Ergebnis = (wert1+wert2+wert3+wert4+wert5+wert6);
parseFloat(document.Produktbestellung.betrag7.value = Ergebnis);
}

Alles anzeigen

Bei diesem Code wurden Conditional Expressions genutzt, sie sind im Endeffekt fast äquivalent zu if.

ITzEmir · 2. Dezember 2009, 10:55

ok ich könnte aber auch eine If Abfrage machen...

Das Problem bei dem neuen Code ist ja das es die Plus Rechnung jetzt wieder verknüpft statt zu addieren.

Bsp.: Aus 3.57 + 3.57 wird = 3.573.57 statt 7,14...

Deadman44 · 2. Dezember 2009, 16:52

Sry, mein Fehler. Hab vergessen die Strings in Floats umzuwandeln.
Hiermit funktioniert wieder alles:

Quellcode

function Last()
{
var wert1 = (this.document.Produktbestellung.betrag1.value != "") ? parseFloat(this.document.Produktbestellung.betrag1.value) : 0.0;
var wert2 = (this.document.Produktbestellung.betrag2.value != "") ? parseFloat(this.document.Produktbestellung.betrag2.value) : 0.0;
var wert3 = (this.document.Produktbestellung.betrag3.value != "") ? parseFloat(this.document.Produktbestellung.betrag3.value) : 0.0;
var wert4 = (this.document.Produktbestellung.betrag4.value != "") ? parseFloat(this.document.Produktbestellung.betrag4.value) : 0.0;
var wert5 = (this.document.Produktbestellung.betrag5.value != "") ? parseFloat(this.document.Produktbestellung.betrag5.value) : 0.0;
var wert6 = (this.document.Produktbestellung.betrag6.value != "") ? parseFloat(this.document.Produktbestellung.betrag6.value) : 0.0;
var Ergebnis = 0;
Ergebnis = (wert1+wert2+wert3+wert4+wert5+wert6);
parseFloat(document.Produktbestellung.betrag7.value = Ergebnis);
}

Alles anzeigen

ITzEmir · 2. Dezember 2009, 18:26

lol ich habe mir das schon gedacht... Nur ich hatte es so gemacht^^

var wert1 = parseFloat(this.document.Produktbestellung.betrag1.value != "") ? (this.document.Produktbestellung.betrag1.value) : 0.0;

ITzEmir · 2. Dezember 2009, 19:24

Kannst du mir sagen wieso diese Abfrage nicht klappt?

<form name="Produktbestellung">
<td>
<input name="menge1" type="text" size="3" maxlength="30" onchange="return chkMenge(), EP(), MW(), BT(), Last()">
</td>
</form >

--------------------------------JS-----------------------------------------------

function chkMenge ()
{
if (document.Produktbestellung.menge1.value == "")
{
alert("Bitte geben Sie die Menge ein!");
document.Produktbestellung.menge1.focus();
return false;
}

var chkZ = 1;

for (i = 0; i < document.Produktbestellung.menge1.value.length; ++i)

if (document.Produktbestellung.menge1.value.charAt(i) < "0"

document.Produktbestellung.menge1.value.charAt(i) > "9")

chkZ = -1;
if (chkZ == -1)
{
alert("Menge ist keine Zahl!");
document.Produktbestellung.menge1.focus();
return false;
}
}

Euroumrechner mit Javascript??

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Tags