login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Optellen... (Opgelost)

Offline Schokkie - 20/10/2004 10:53 (laatste wijziging 20/10/2004 11:30)
Avatar van SchokkieNieuw lid Hallo,

Kan kan ik er nu voor zorgen dmv een javascript dat men bij het aan of uitvinken direct de totale prijs te zien krijgt.
Ik vermoed dat het zou moeten gaan via een functie in javascript.

Wie kan helpen...

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  5. <title></title>
  6. <script language="javascript" type="text/javascript">
  7. function totaal(){
  8.  
  9.     var totaal = 0;
  10.  
  11.     if(document.forms['bestellen'].CheckboxKleur.checked == true){
  12.  
  13. 		totaal += 25;
  14.  
  15. 	}
  16.  
  17. 	if(document.forms['bestellen'].CheckboxZwartWit.checked == true){
  18.  
  19. 		totaal += 20;
  20.  
  21. 	}
  22.  
  23. 	document.getElementById('totaal').innerHTML = "&euro; " + totaal + ",-";
  24.  
  25. }
  26. </script>
  27. </head>
  28.  
  29. <body>
  30. <form method="post" action="" name="bestellen">
  31.  
  32. <table>
  33. <tr>
  34. <td nowrap>Voornaam :</td>
  35. <td nowrap><input name="Voornaam" id="Voornaam" type="text" value="" size="30" maxlength="30" > (*)</td>
  36. </tr>
  37.  
  38. <tr>
  39. <td nowrap>Achternaam : </td>
  40. <td nowrap><input name="Achternaam" id="Achternaam" type="text" value="" size="50" maxlength="50" > (*)</td>
  41. </tr>
  42.  
  43. <tr>
  44. <td nowrap>Straat     : </td>
  45. <td nowrap><input name="Straat" id="Straat" type="text" value="" size="50" maxlength="50" > (*)</td>
  46. </tr>
  47.  
  48. <tr>
  49. <td nowrap>Huisnr :  </td>
  50. <td nowrap><input name="nr" id="nummer" type="text" value="" size="4" maxlength="4" > (*)  </td>
  51. </tr>
  52.  
  53. <tr>
  54. <td nowrap>bus :  </td>
  55. <td nowrap><input name="bus" id="bus" type="text" value="" size="2" maxlength="2" >  </td>
  56. </tr>
  57.  
  58. <tr>
  59. <td nowrap>Postnr :  </td>
  60. <td nowrap> <input name="Postnr" id="postnr" type="text" value="" size="4" maxlength="4" > (*)</td>
  61. </tr>
  62.  
  63. <tr>
  64. <td nowrap>Gemeente : </td>
  65. <td nowrap> <input name="Gemeente" id="Gemeente" type="text" value="" size="35" maxlength="354" > (*) </td>
  66. </tr>
  67.  
  68. <tr>
  69. <td nowrap>Provincie:  </td>
  70. <td nowrap><select name="Provincie" id="Provincie">
  71.                 <option value="Antwerpen">Antwerpen</option>
  72.         <option value="Limburg">Limburg</option>
  73.         <option value="Oost-Vlaanderen">Oost-Vlaanderen</option>
  74.         <option value="Vlaams Brabant">Vlaams Brabant</option>
  75.         <option value="West-Vlaanderen">West-Vlaanderen</option>
  76.         <option value="Hainaut">Hainaut</option>
  77.         <option value="Liège">Liège</option>
  78.         <option value="Luxembourg">Luxembourg</option>
  79.         <option value="Namur">Namur</option>
  80.         <option value="Brabant-Wallon">Brabant-Wallon</option>
  81.             </select> </td>
  82.  
  83. </td>
  84. </tr>
  85.  
  86. <tr>
  87. <td nowrap>Telefoon    :  </td>
  88. <td nowrap><input name="tel" id="telefoon" type="text" value="" size="15" maxlength="15"> </td>
  89. </tr>
  90.  
  91. <tr>
  92. <td nowrap>GSM         :  </td>
  93. <td nowrap><input name="gsm" type="text" value="" size="15" maxlength="15"> </td>
  94. </tr>
  95.  
  96. <tr>
  97. <td nowrap>Email-adres :  </td>
  98. <td nowrap><input name="mail" id="mail" type="text" value="" size="50" maxlength="100">  </td>
  99. </tr>
  100.  
  101. <tr>
  102. <td nowrap>Websiteadres:  </td>
  103. <td nowrap>Websiteadres: <input type="text" name="firmasite" value="http://" size="32"> <br>
  104.               na http websiteadres in typen! </td>
  105. </tr>
  106. <br><br>
  107. <tr>
  108. <td nowrap>Kleur 25Euro:  </td>
  109. <td nowrap><input name="CheckboxKleur" id="CheckboxKleur" type="Checkbox" onclick="totaal();" value=false>  </td>
  110. </tr>
  111.  
  112. <tr>
  113. <td nowrap>Zwart/Wit 20Euro:  </td>
  114. <td nowrap><input name="CheckboxZwartWit" id="CheckboxZwartWit" onclick="totaal();" type="Checkbox" value=false>  </td>
  115. </tr>
  116.  
  117. <tr>
  118. <td nowrap>Totaal :  </td>
  119. <td id="totaal" nowrap>&euro; 0,-</td>
  120. </tr>
  121.  
  122.  
  123. <tr>
  124. <td nowrap> <input type="submit" class="inputSubmit" value="Registreer"> </td>
  125. <td nowrap> <input name="Reset" type="reset" class="inputSubmit" value="Reset"> </td>
  126. </tr>
  127.  
  128.  
  129. </td>
  130.  
  131. </form>
  132. </body>
  133. </html>


Alvast bedankt.

Schokkie

9 antwoorden

Gesponsorde links
Offline Metalhead - 20/10/2004 10:55
Avatar van Metalhead HTML gevorderde Ik zou beginnen met het in een <FORM... te zetten
Offline numlockrond - 20/10/2004 10:57
Avatar van numlockrond Onbekend de checkboxen voor kleur en zwart/wit hebben allebei dezelfde naam en waarde (:owat moet je met false als waarde????). Met php of javascript kun je er dus niet achterkomen welke van de 2 ze aangevinkt hebben.
Als je ze allebei een andere naam geeft (bijv. CheckboxKleur en CheckboxZwartWit) dan is het wel te doen met JS. Moet er behalve die 2 dingen nog iets verwerkt worden in het totaal?
Offline Schokkie - 20/10/2004 11:01
Avatar van Schokkie Nieuw lid neen als ik een voorbeeld heb om die 2 waarden te verwerken zal het mij wel lukken om er nog aan toe te voegen.
Ok, ik moet de 2 chekboxen wel een verschillende naam geven.

Johan
Offline Metalhead - 20/10/2004 11:07 (laatste wijziging 20/10/2004 11:12)
Avatar van Metalhead HTML gevorderde En je moet de form een naam geven...
name="henk"

want dan kun je met javascrip hem weer uitlezen...
document.henk.options[teller].value of zo....
Offline numlockrond - 20/10/2004 11:17 (laatste wijziging 20/10/2004 11:29)
Avatar van numlockrond Onbekend * zie het oorspronkelijke bericht *

getest in IE en FF.
Offline Thomas - 20/10/2004 11:28 (laatste wijziging 20/10/2004 11:29)
Avatar van Thomas Moderator Erm... zou je misschien deze lap code in je oorspronkelijke bericht willen aanpassen, in plaats van deze telkens opnieuw posten ?

En is het echt nodig om je hele pagina te posten ?
Om zoveel velden gaat het toch niet ?

Al deze source maakt je vraag alleen maar nodeloos ingewikkeld.
Offline Schokkie - 20/10/2004 11:33
Avatar van Schokkie Nieuw lid ok, bedankt voor de oplossing. Ik kan nu verder. dus ik zal nu ook de code niet meer hoeven te posten.

Dank aan numlockrond (super)

Johan
Offline numlockrond - 20/10/2004 11:33 (laatste wijziging 20/10/2004 11:34)
Avatar van numlockrond Onbekend @fangorn: ik had geen zin om alle kleine veranderingen te gaan opsommen en dan alleen de js functie te posten. En ik kan het natuurlijk niet in zijn oorspronkelijke bericht zetten...
Offline Thomas - 20/10/2004 11:59
Avatar van Thomas Moderator Nee, jij niet, maar Schokkie wel.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s