changer une valeur de radio à partir d'un texte - devis en ligne

changer une valeur de radio à partir d'un texte - devis en ligne - HTML/CSS - Programmation

Marsh Posté le 25-04-2008 à 09:16:29    

Bonjour :D

 

J'ai trouvé un script fort sympathique, permettant de faire un petit module de calcul de devis en ligne. Ho... pas de TVA, rien d'officiel. Juste de quoi cocher des cases et des radios pour faire les additions automatiquement.

 

Pour mes besoins (non pas ça non....) j'essaye de modifier le truc. en effet, le script de base ne prévoir pas de quantités. Hors, j'aimerais bien pouvoir le faire... on coche une case pour ajouter un produit, on indique la quantité et hop, ça calcule tout seul.

 

je vous copie ci-dessous le code de base... et je veux bien vos idées sur le sujet, je ne sais pas du tout par quel bout attaquer cette histoire de quantité...

 

par exemple là. ce code permet de calculer automatiquement le total au fur et à mesure que l'on coche ou décoche. ça marche super bien. mais comment, par exemple, permettre à l'utilisateur d'indiquer une quantité pour l'option 2, tout en conservant le mode de fonctionnement actuel ?

 

merci tout plein pour vos idées !

 

(on verra plus tard pour les calculs dégressifs avec la quantité)

 

dans le head :

Code :
  1. <script type="text/javascript">
  2. /*
  3. Kevin Hartig :: http://www.grafikfx.net/
  4. */
  6. // Calculate the total for items in the form which are selected.
  7. function calculateTotal(inputItem) {
  8.   with (inputItem.form) {
  9.     // Process each of the different input types in the form.
  10.     if (inputItem.type == "radio" ) {   // Process radio buttons.
  11.       // Subtract the previously selected radio button value from the total.
  12.       calculatedTotal.value = eval(calculatedTotal.value) - eval(previouslySelectedRadioButton.value);
  13.       // Save the current radio selection value.
  14.       previouslySelectedRadioButton.value = eval(inputItem.value);
  15.       // Add the current radio button selection value to the total.
  16.       calculatedTotal.value = eval(calculatedTotal.value) + eval(inputItem.value);
  17.     } else {   // Process check boxes.
  18.       if (inputItem.checked == false) {   // Item was uncheck. Subtract item value from total.
  19.           calculatedTotal.value = eval(calculatedTotal.value) - eval(inputItem.value);
  20.       } else {   // Item was checked. Add the item value to the total.
  21.           calculatedTotal.value = eval(calculatedTotal.value) + eval(inputItem.value);
  22.       }
  23.     }
  25.     // Total value should never be less than 0.
  26.     if (calculatedTotal.value < 0) {
  27.       InitForm();
  28.     }
  30.     // Return total value.
  31.     return(formatCurrency(calculatedTotal.value));
  32.   }
  33. }
  35. // Format a value as currency.
  36. function formatCurrency(num) {
  37.   num = num.toString().replace(/\$|\,/g,'');
  38.   if(isNaN(num))
  39.      num = "0";
  40.   sign = (num == (num = Math.abs(num)));
  41.   num = Math.floor(num*100+0.50000000001);
  42.   cents = num%100;
  43.   num = Math.floor(num/100).toString();
  44.   if(cents<10)
  45.       cents = "0" + cents;
  46.   for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
  47.       num = num.substring(0,num.length-(4*i+3)) + ',' + num.substring(num.length-(4*i+3));
  48.   return (((sign)?'':'-') + '€' + num + '.' + cents);
  49. }
  51. // This function initialzes all the form elements to default values.
  52. function InitForm() {
  53.   // Reset values on form.
  54.   document.selectionForm.total.value='0 €';
  55.   document.selectionForm.calculatedTotal.value=0;
  56.   document.selectionForm.previouslySelectedRadioButton.value=0;
  58.   // Set all checkboxes and radio buttons on form to unchecked.
  59.   for (i=0; i < document.selectionForm.elements.length; i++) {
  60.     if (document.selectionForm.elements[i].type == 'checkbox' | document.selectionForm.elements[i].type == 'radio') {
  61.       document.selectionForm.elements[i].checked = false;
  62.     }
  63.   }
  64. }
  65. </script>
 


le body :

 
Code :
  1. <body onload="InitForm();" onreset="InitForm();">
  2. <p>
  3. <table><tr><td>
  4.   <form method="POST" name="selectionForm">
  5.     <b>Temps de présence sur place :</b><br>
  6.       <input type="radio" name="duree" value="420.00" onclick="this.form.total.value=calculateTotal(this);"> 10 heures <b>::: 420 € :::</b>
  7.     <br>
  8.       <input type="radio" name="duree" value="650.00" onclick="this.form.total.value=calculateTotal(this);"> 15 heures <b>::: 650 € :::</b>
  9.   <br>
  10.   <br> 
  11.     <b>options :</b><br>
  12.       <input type="checkbox" name="option1" value="55.00" onclick="this.form.total.value=calculateTotal(this);"> option 1 <b>::: 55 € :::</b>
  13.     <br>
  14.       <input type="checkbox" name="option2" value="90.00" onclick="this.form.total.value=calculateTotal(this);"> option 2 <b>::: 90 € :::</b>
  15.   <br><br>
  16.     <br>
  17.     <br>
  18.     <input type="hidden" name="calculatedTotal" value="0">
  19.     <input type="hidden" name="previouslySelectedRadioButton" value="0">
  20.     <strong>Le total est :</strong>
  21.     <input type="text" name="total" readonly onfocus="this.blur();"><strong> (indication non contractuelle)</strong>
  22.   </form>
  23. </td></tr></table>
  24. </p>
  25. <hr />
  26. </body>


Message édité par Profil supprimé le 25-04-2008 à 09:23:11
Reply

Marsh Posté le 25-04-2008 à 09:16:29   

Reply

Marsh Posté le 25-04-2008 à 18:34:43    

:bounce:

Reply

Marsh Posté le 07-05-2008 à 08:03:36    

:bounce:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed