login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Getal optellen.

Offline Martijn1989 - 29/06/2006 17:19
Avatar van Martijn1989PHP ver gevorderde Ik zit met een vraagje ... Ik wil in javascript een formulier met een veld hebben, en als je op optellen klikt dat het formulierveld met 10 word verhoogd. Ik zal eerst me code eens showen ;)

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2. function waarde() {
  3.     return;
  4. }
  5. function Optellen(Waarde) {
  6.     var edit;
  7.     var HuidigeWaarde = document.formulier.waarde.value;
  8.     edit = HuidigeWaarde+Waarde+" ";
  9.     document.formulier.waarde.value=edit;
  10.     document.formulier.waarde.focus();
  11.     return;
  12. }
  13. </script>
  14.  
  15.  
  16.  
  17. <form action='' method='post' name='formulier'>
  18.  <input name="waarde" type="text" value=""><br>
  19.  <a href="javascript:optellen();" onClick="javascript:Waarde(' 10 ');">Optellen</a>
  20. </form>


Helaas werkt dit niet, ... Weet iemand hoe ik het kan regelen dat als je op Optellen klikt de waarde in het veld waarde met 10 word verhoogd ?

11 antwoorden

Gesponsorde links
Offline Simon - 29/06/2006 17:27 (laatste wijziging 29/06/2006 17:29)
Avatar van Simon PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="javascript:optellen();" onClick="javascript:Waarde(' 10 ');">Optellen</a>

-->
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="javascript:optellen(10);">Optellen</a>


ik begrijp niet wat je wil bereiken met die functie waarde()

en dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. var HuidigeWaarde = document.formulier.waarde.value;
  2.     edit = HuidigeWaarde+Waarde+" ";
  3.     document.formulier.waarde.value=edit;
  4.     document.formulier.waarde.focus();

veranderen in:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. var HuidigeWaarde = document.formulier.waarde.value;
  2.     HuidigeWaarde += waarde;
  3.     document.formulier.waarde.focus();
Offline Gerard - 29/06/2006 17:29
Avatar van Gerard Ouwe rakker
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. function dummy() {
  3.     return;   
  4. }
  5.  
  6. function telOp(veldnaam, waarde) {
  7.     var huidigeWaarde = parseInt(document.getElementById(veldnaam).value);
  8.     var nieuweWaarde;
  9.     nieuweWaarde = huidigeWaarde + waarde;
  10.     document.getElementById(veldnaam).value = nieuweWaarde;
  11.     document.getElementById(veldnaam).focus();    
  12. }
  13. </script>
  14.  
  15. <form action='' method='post' name='formulier'>
  16.  <input name="waarde" id="waarde" type="text" value="10"><br>
  17.  <a href="javascript:dummy();" onClick="javascript:telOp('waarde', 10);">Optellen</a>
  18. </form>
Offline Martijn1989 - 29/06/2006 17:34 (laatste wijziging 29/06/2006 17:46)
Avatar van Martijn1989 PHP ver gevorderde Top hij doet het ;) Ik kan er weer verder mee ... bedankt ;)!

Ok, ik wou er dus ook eigenlijk een uitbreiding op :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2.  
  3. function getalcheck(veldnaam) {
  4.         var check = document.formulier.waarde.value;
  5.  
  6.         if(check <= 10) {
  7.                 document.formulier.waarde.value='10';
  8.                 window.alert('De minimum inzet is $ 10 om te kunnen spelen.');
  9.         }
  10.  
  11.         if(check > 200) {
  12.                 document.formulier.waarde.value='200';
  13.                 window.alert('De maximum inzet is $ 200.');
  14.         }
  15. }
  16. </script>


Alleen ook hier zie ik de fout niet ?
Offline Gerard - 29/06/2006 17:48
Avatar van Gerard Ouwe rakker
php code - Bekijk de code zonder highlighting - Klap code in 
  1. var check = document.formulier.waarde.value;


Kijk eens goed naar mijn script, je ziet dat ik dan gebruik maak van parseInt omdat de value van een formulierveld als string binnenkomt.
Offline Martijn1989 - 29/06/2006 19:28
Avatar van Martijn1989 PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function getalcheck(waarde) {
  2.         var check = parseInt(document.getElementById(waarde).value);
  3.  
  4.         if(check <= 10) {
  5.                 parseInt(document.getElementById(waarde).value)='10';
  6.                 window.alert('De minimum inzet is $ 10 om te kunnen spelen.');
  7.         }
  8.  
  9.         if(check > 200) {
  10.                 parseInt(document.getElementById(waarde).value)='200';
  11.                 window.alert('De maximum inzet is $ 200.');
  12.         }
  13. }


Werkt ook niet .
Offline Gerard - 29/06/2006 19:44 (laatste wijziging 30/06/2006 21:30)
Avatar van Gerard Ouwe rakker
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function checkGetal(veldnaam) {
  2.         var check = parseInt(document.getElementById(veldnaam).value);
  3.  
  4.         if(check < 10) {
  5.                 document.getElementById(veldnaam).value = '10';
  6.                 window.alert('De minimum inzet is $ 10 om te kunnen spelen.');
  7.         }
  8.  
  9.         if(check > 200) {
  10.                 document.getElementById(veldnaam).value = '200';
  11.                 window.alert('De maximum inzet is $ 200.');
  12.         }
  13. }


edit
bijgewerkt, ik had nog 2 oude vars laten staan.
Offline Martijn1989 - 30/06/2006 18:58
Avatar van Martijn1989 PHP ver gevorderde Nee werkt niet, hoe weet trouwens javascript dat het veldnaam is? Of is dat een blonde vraag ?
Offline nemesiskoen - 30/06/2006 20:03 (laatste wijziging 30/06/2006 21:12)
Avatar van nemesiskoen Gouden medaille

PHP expert		 Omdat dit wordt meegegeven als parameter waarschijnlijk?
Offline Martijn1989 - 01/07/2006 13:17 (laatste wijziging 01/07/2006 18:03)
Avatar van Martijn1989 PHP ver gevorderde Helaas doet dit nog niet wat ik wil, wat ik nu heb :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. function dummy() {
  3.     return;
  4. }
  5.  
  6. function telOp(veldnaam, waarde) {
  7.     var huidigeWaarde = parseInt(document.getElementById(veldnaam).value);
  8.     var nieuweWaarde;
  9.     nieuweWaarde = huidigeWaarde + waarde;
  10.     document.getElementById(veldnaam).value = nieuweWaarde;
  11.     document.getElementById(veldnaam).focus();
  12. }
  13.  
  14. function telAf(veldnaam, waarde) {
  15.     var huidigeWaarde = parseInt(document.getElementById(veldnaam).value);
  16.     var nieuweWaarde;
  17.     nieuweWaarde = huidigeWaarde - waarde;
  18.     document.getElementById(veldnaam).value = nieuweWaarde;
  19.     document.getElementById(veldnaam).focus();
  20. }
  21.  
  22. function checkGetal(veldnaam) {
  23.         var check = parseInt(document.getElementById(veldnaam).value);
  24.  
  25.         if(check < 10) {
  26.                 document.getElementById(veldnaam).value = '10';
  27.                 window.alert('De minimum inzet is $ 10 om te kunnen spelen.');
  28.         }
  29.  
  30.         if(check > 200) {
  31.                 document.getElementById(veldnaam).value = '200';
  32.                 window.alert('De maximum inzet is $ 200.');
  33.         }
  34. }
  35.  
  36. </script>
  37.  
  38. <form action='' method='post' name='formulier'>
  39.  &euro; <input name="waarde" id="waarde" type="text" value="10" size='1'> ,-<br>
  40.  <a href="javascript:dummy();" onClick="javascript:telOp('waarde', 10);"><img src='pijl-omhoog.gif' border='0'></a>  <a href="javascript:dummy();" onClick="javascript:telAf('waarde', 10);"><img src='pijl-omlaag.gif' border='0'></a>
  41. </form>


En ik wil dus kijken of die groter is dan 200 of kleiner dan 10
Offline Gerard - 01/07/2006 19:44
Avatar van Gerard Ouwe rakker zou het dan niet slim zijn om niet alleen de functie te maken, maar deze ook daadwerkelijk te gebruiken?
Offline Martijn1989 - 01/07/2006 20:12 (laatste wijziging 01/07/2006 20:20)
Avatar van Martijn1989 PHP ver gevorderde haha, ja weet ik het ... ben noob ... ik denk iets van :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form action='' method='post' name='formulier'>
  2.  &euro; <input name="waarde" id="waarde" type="text" value="10" size='1'> ,-<br>
  3.  <a href="javascript:dummy();" onClick="javascript:checkGetal(telOp('waarde', 10));"><img src='pijl-omhoog.gif' border='0'></a>  <a href="javascript:dummy();" onClick="javascript:checkGetal(telAf('waarde', 10));"><img src='pijl-omlaag.gif' border='0'></a>
  4. </form>


Nee, niet, iemand 

Edit

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form action='' method='post' name='formulier'>
  2.  &euro; <input name="waarde" id="waarde" type="text" value="10" size='1'> ,-<br>
  3.  <a href="javascript:dummy();" onClick="javascript:telOp('waarde', 10); checkGetal('waarde');"><img src='pijl-omhoog.gif' border='0'></a>  <a href="javascript:dummy();" onClick="javascript:telAf('waarde', 10); checkGetal('waarde');"><img src='pijl-omlaag.gif' border='0'></a>
  4. </form>


Danku allemaal
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.524s