[HTML/JS] Berekeningen in webformulieren. - Softwareontwikkeling

vrijdag 10 mei 2002 10:35

Acties:

Topicstarter

Hoe kan ik een berekening maken tussen 2 textboxen in een normale formulier ?

Poging 1
<html>
<body>

<form>
<input type=text name=txt1 size=10 onKeyDown="form.txt2.value = form.txt1.value + 2 ">
<input type=text name=txt2 size=10>
</form>

</body>
</html>

Poging 2
<html>
<body>

<form name="form1">
<input type=text name=txt1 size=10 onkeypress="document.forms['form1'].txt2.value = parseInt(document.forms['form1'].txt1.value) + 2">
<input type=text name=txt2 size=10>
</form>

</body>
</html>

Geen van beide (obviously)

Nu weet ik dat het iets met GetInt te maken heeft uit de eerste textbox maar ik kan de code niet werkend krijgen.

Mijn bedoeling is dat de code autmatisch een simpel berekning maakt (een deling), hij moet ook telkens na het invoeren van een cijfer (en weghalen drvan!) aanpassen.

vrijdag 10 mei 2002 10:36

Acties:

Verwijderd

move to /13

vrijdag 10 mei 2002 10:39

Acties:

Spooksel

Spooksel!

javascript, zo'n onkeydown gaat niet werken!

Bevalt mijn schrijfsel je niet? www.korrelatie.nl

vrijdag 10 mei 2002 10:41

Acties:

chem

Reist de wereld rond

move p&w > w&g

Klaar voor een nieuwe uitdaging.

vrijdag 10 mei 2002 10:47

Acties:

crisp

Devver

Pixelated

Zo?

code:

<html>
<body>

<form name="form1"> 
<input type="text" name="txt1" size=10 onkeyup="document.forms['form1'].txt2.value = (parseInt(document.forms['form1'].txt1.value, 10) / 2)"> 
<input type="text" name="txt2" size=10> 
</form> 

</body>
</html>

Intentionally left blank

vrijdag 10 mei 2002 10:52

Acties:

Choller

Topicstarter

Jep, dat is hm.

Thanx a lot!

vrijdag 10 mei 2002 10:56

Acties:

Verwijderd

Iets overzichtelijker en makkelijker aan te passen:

code:

<html>
<head>
    <title>Bereken</title>
<script type="text/javascript">

function bereken(formElt) {
    var int1 = parseInt(formElt.value);
    if(isNaN(int1)) formElt.value = '';
    else {
        var int2 = int1 + 2;
        formElt.form.elements['txt2'].value = int2;
    }
}

</script>
</head>

<body>

<form> 
<input type="text" name="txt1" size="10" onKeyUp="bereken(this)"> 
<input type="text" name="txt2" size="10"> 
</form> 

</body>
</html>

vrijdag 10 mei 2002 11:12

Acties:

crisp

Devver

Pixelated

Ik heb regelmatig ruzie met parseInt als ik niet expliciet aangeef dat het tientallig stelsel moet zijn, daarom doe ik altijd parseInt(string, 10)...

Intentionally left blank

vrijdag 10 mei 2002 11:34

Acties:

Verwijderd

Op vrijdag 10 mei 2002 11:12 schreef crisp het volgende:
Ik heb regelmatig ruzie met parseInt als ik niet expliciet aangeef dat het tientallig stelsel moet zijn, daarom doe ik altijd parseInt(string, 10)...

Goede tip! Ik ben het probleem nooit tegengekomen, maar ik lees in m'n JS boek het volgende:

When no radix is specified ECMAScript v3 allows an imprementation to parse a string that begins with "0" (but not "0x" or "0X") as an octal or as a decimal number. To avoid this ambiguity, you should explicitly specify a radix or leave the radix unspecified only when you are sure that all numbers to be parsed will be decimal or hexadecimal numbers with the "0x" or "0X" prefix.

Djeez, als je dit niet weet kun je je inderdaad helemaal suf kijken op je code...als je net als ik niet wist dat je parseInt met verschillende stelsels kon laten werken...

vrijdag 10 mei 2002 11:54

Acties:

crisp

Devver

Pixelated

Op vrijdag 10 mei 2002 11:34 schreef Blues het volgende:

[..]

Goede tip! Ik ben het probleem nooit tegengekomen, maar ik lees in m'n JS boek het volgende:
[..]

Djeez, als je dit niet weet kun je je inderdaad helemaal suf kijken op je code...als je net als ik niet wist dat je parseInt met verschillende stelsels kon laten werken...

ff getest (zonder radix):

parseInt('1234') geeft 1234 (aanname invoer = decimaal)
parseInt('01234') geeft 668 (aanname invoer = octaal)
parseInt('0x1234') geeft 4660 (aanname invoer = hexadecimaal)

Handig om te weten dus; ook handig om hexadecimaal om te zetten naar decimaal

Intentionally left blank

vrijdag 10 mei 2002 18:43

Acties:

SchizoDuckie

Kwaak

* SchizoDuckie heeft vandeweek net het volgende geschreven. werkt errug flex nu

http://www.nvlf.nl/drukwerk.nvlf?page=bestel

Stop uploading passwords to Github!

vrijdag 10 mei 2002 19:02

Acties:

Verwijderd

Papa_eend > de betalingsvoorwaarden worden niet meeberekend.