[HaBo]

Dawen · 14.04.08, 05:33

Hi,

ich habe ein Problem bei einem HTML Formular. Ich habe ein Eingabefeld für Zahlen, ich möchte nun, dass bei der Eingabe der Zahl beispielsweise rechts daneben in Echtzeit z.B. der Preis angezeigt wird ?

Wie kann man sowas in JS realisieren !

**lightsaver** · 14.04.08, 08:23

ich habe mit js normal nichts zu tun, aber das hier sieht sehr nach dem aus, was du suchst: http://www.jjam.de/JavaScript/Formul...a_Counter.html

musst dir halt nur so umbauen, wie du es letztendlich brauchst.

Anzeige

- Anzeige -

metax. · 14.04.08, 10:59

Ja, das ist mit Javascript möglich.
Du kannst über das DOM (Document Object Model) sowohl den Wert aus EIngabefeldern lesen als auch den Inhalt eines beliebigen Ausgabeelements verändern.

z.B: so: (ungetestet)

Code:

<form name="form1">
<input type="text" name="anzahl1" onkeyup="machepreis1()" value="1" />
<span id="preis1">25</span> Euro
</form>

<script language="JavaScript">
function machepreis1() {
var einzelpreis1 = 25;
var gesamtpreis1 = 0;
var num1 = parseInt(document.form1.anzahl1.value);
if (num1 > 1) {
   gesamtpreis1 = einzelpreis1 * anzahl1;
   document.getElementById('preis1').innerText = gesamtpreis1;
}
}
</script>

mfg, metax.

Dawen · 14.04.08, 19:19

Hi,

deine Beispiel macht leider in meinem Falle nichts, trotzdem danke für den Denkanstoss.

**lightsaver** · 14.04.08, 19:21

Zitat:

Original von Dawen
Hi,

deine Beispiel macht leider in meinem Falle nichts, trotzdem danke für den Denkanstoss.

wessen beispiel meintest du jetzt und wieso macht es in deinem fall nichts? wenn du mehr input gibst kann man dir besser helfen

metax. · 14.04.08, 20:44

Du hast natürlich recht, mein Beispiel hatte einen Fehler.

Hier ein besseres Beispiel: ;-)

Code:

<form name="form1">
<input type="text" name="anzahl1" onkeyup="machepreis1()" value="1" />
<span id="preis1">---</span> Euro
</form>

<script type="text/javascript">
function machepreis1() {
var einzelpreis1 = 25;
var gesamtpreis1 = 0;
var num1 = parseInt(document.form1.anzahl1.value);
if (num1 > 0) {
   gesamtpreis1 = einzelpreis1 * num1;
   document.getElementById('preis1').innerHTML = gesamtpreis1;
} else {
   document.getElementById('preis1').innerHTML = 0;
}
}
// Initiales Laden
machepreis1();
</script>

Anzeige

- Anzeige -

14.04.08, 05:33	#1 (permalink)
Dawen Registriert seit: 19.08.04 Likes: 1	Javascript Formular Anzeige Hi, ich habe ein Problem bei einem HTML Formular. Ich habe ein Eingabefeld für Zahlen, ich möchte nun, dass bei der Eingabe der Zahl beispielsweise rechts daneben in Echtzeit z.B. der Preis angezeigt wird ? Wie kann man sowas in JS realisieren !

14.04.08, 10:59	#3 (permalink)
metax. Registriert seit: 22.01.07 Likes: 10	Ja, das ist mit Javascript möglich. Du kannst über das DOM (Document Object Model) sowohl den Wert aus EIngabefeldern lesen als auch den Inhalt eines beliebigen Ausgabeelements verändern. z.B: so: (ungetestet) Code: <form name="form1"> <input type="text" name="anzahl1" onkeyup="machepreis1()" value="1" /> <span id="preis1">25</span> Euro </form> <script language="JavaScript"> function machepreis1() { var einzelpreis1 = 25; var gesamtpreis1 = 0; var num1 = parseInt(document.form1.anzahl1.value); if (num1 > 1) { gesamtpreis1 = einzelpreis1 * anzahl1; document.getElementById('preis1').innerText = gesamtpreis1; } } </script> mfg, metax. __________________ Wenn keiner zuschaut, teile ich heimlich durch Null! Meine Homepage: Planet Metax \| meine Bilder: DeviantArt \| Twitter

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Javascript Formular	Dawen	Code Kitchen	2	14.04.08 10:59
JavaScript und DOM, Formular wird nicht angezeigt	System.I/O	(Web-) Design und webbasierte Sprachen	2	15.09.07 16:06
Problem mit Formular	cw125	(Web-) Design und webbasierte Sprachen	2	20.10.05 20:01
pdf - Formular ausfüllen	ghost	Applikationen	2	20.10.05 19:25
E-Mail-Formular	zerojump	(Web-) Design und webbasierte Sprachen	1	23.11.01 18:39

14.04.08, 08:23	#2 (permalink)
lightsaver Moderator Registriert seit: 19.06.06 Likes: 52	ich habe mit js normal nichts zu tun, aber das hier sieht sehr nach dem aus, was du suchst: http://www.jjam.de/JavaScript/Formul...a_Counter.html musst dir halt nur so umbauen, wie du es letztendlich brauchst.

14.04.08, 19:19	#4 (permalink)
Dawen Themenstarter Registriert seit: 19.08.04 Likes: 1	Hi, deine Beispiel macht leider in meinem Falle nichts, trotzdem danke für den Denkanstoss.

[HaBo]

Javascript Formular