Direct optellen bij aanpassen tekst veld
invoerveld 1 waarde 25
invoerveld 2 waarde 25
uitkomst 50
Nu kan ik dit maken met een refresh en er komt een waarde 50 uit. Nu zou ik dus graag willen dat wanneer je van invoerveld 1 26 maakt de uitkomst meteen 51 wordt, zonder refresh van de pagina.
Ik hoop dat jullie mij kunnen helpen.
Alvast bedankt
Heb wel redelijk verstand van PHP
Redelijk makkelijk te doen, dmv een onchange of onclick o.i.d.
Zie ook:
http://www.sitemasters.be/?pagina=tutorials/tutorials&cat=3&id=286
Of voor uitgebreide newbie handleidng (:-P) YouTube:
http://nl.youtube.com/watch?v=DW_XOviJ85w
(voor deel 1 zie http://nl.youtube.com/watch?v=2t3ZysHg3Cc )
Groet!
P.S.
10% van alle internetters heeft geen javascript; voor zulke gebruikers zul je dan nog dmv PHP een reload functie moeten inbouwen als 'Herbereken' (zul je vast wel in diverse webshops zo zien). Let ook op dat de variabele in stap 2 ofzo van je webshop gecontroleerd word en dus dat er niet blind op javascript vertrouwd worden (dmv $_post 'total' ofzo <zou overigens ook wel heel dom zijn dit zo te doen ivm veiligheid>)
Groet2!
function test()
{
getal1= (document.javascript.huurprijs);
document.write(getal1);
}
</script>
<form method='POST' action='index.php?url=kamertoevoegen.php&email=$email' ENCTYPE='multipart/form-data' name='javascript'>
Huurprijs:€<input type='text' name='huurprijs' onchange='test()' >
</form>
Ik heb nu dit, ik kom er nog niet uit ik krjig undefined terug?
Wat kan ik hier aan doen
<script type="text/javascript">
function test() {
var getal1 = ( document.javascript.huurprijs.value - 0 );
var getal2 = ( document.javascript.huurprijs2.value - 0 );
document.getElementById('uitkomst').innerHTML = getal1 + getal2;
}
</script>
<form method='post' name='javascript'>
Huurprijs:€<input type='text' name='huurprijs' onchange='test()' >
Huurprijs 2:€<input type='text' name='huurprijs2' onchange='test()' >
<div id="uitkomst"> </div>
</form>
Het maakt getal1 en getal2 integer om mee te rekenen, en geeft de uitkomst terug naar de div "uitkomst", zodat het zonder refresh ernaast komt te staan.
Citroen schreef op 30.10.2008 17:32:
Kijk naar Ajax.
Ik heb de laatste tijd al meerdere keren AJAX gebruikt zien worden qua benaming i.p.v. Javascript. Om even de terminologie scherp te houden: het betreft hier gewoon javascript, AJAX is slechts een techniek: http://nl.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML
Maar via het bovenstaande script krijg ik Nan terug alsof de variabele leeg is (dit denk ik omdat via document.write(getal3) ook NaN terug krijg.
Wie kan mij helpen!
Ben er bijna.........
Code (php)
1
if (!isNaN (tot)) {
Ik heb nu dit
<script type="text/javascript">
function test() {
var getal1 = (document.javascript.huurprijs)
var getal2 = (document.javascript.huurprijs2)
var totaal = (eval( getal1 + getal2));
document.getElementById('uitkomst').innerHTML =(totaal);
}
</script>
<tr>
<td class='table-tekst'>Huurprijs:</td><td colspan='3' class='table-tekst'>€<input type='text' name='huurprijs' onchange='test()'></td>
</tr>
<tr>
<td class='table-tekst'>Gas/water/Elektra:</td><td colspan='3' class='table-tekst'>€<input type='text' name='huurprijs2' onchange='test()'>
<div id="uitkomst"> </div>
</td>
</tr>
Wat kan ik veranderen zodat de NaN een getal word !!!!!
var getal2 = Number(document.javascript.huurprijs2);
Ook gebrobeerd maar werkt ook niet.