Résolu Convertisseur de mesures javascript....

Solutions (5)
Tags :
  • Javascript
  • Script
  • Programmation
|
Bonjour, j'ai récupéré un bout de code javascript et j'essaye de l'adapter à mes besoins pour faire 3 types de conversions, cependant lorsque j'appuie sur mon bouton de submit mon résultat ne s'affiche pas.....je n'arrive pas à trouver l'erreur quelqu'un a t'il une idée de mon erreur ?




  1. <script type='text/javascript'>
  2. $(function() {
  3. $('.north').tipsy({gravity: 'n'});
  4. $('.numeric').numeric();
  5.  
  6. var conversion = {
  7. solide: {
  8. kg: {
  9. kg: function(qt){ return qt;},
  10. gr: function(qt){ return qt * 1000;},
  11. oz: function(qt){ return qt * 35.27;},
  12. },
  13. gr: {
  14. kg: function(qt){ return qt / 1000;},
  15. gr: function(qt){ return qt;},
  16. oz: function(qt){ return qt * 0.03527;},
  17. },
  18. oz: {
  19. kg: function(qt){ return qt / 35.27;},
  20. gr: function(qt){ return qt / 0.03527;},
  21. oz: function(qt){ return qt},
  22. }
  23. },
  24. liquide: {
  25. l: {
  26. l: function(qt){ return qt;},
  27. dl: function(qt){ return qt * 10;},
  28. cl: function(qt){ return qt * 100;},
  29. ml: function(qt){ return qt * 1000;}
  30. },
  31. dl: {
  32. l: function(qt){ return qt / 10;},
  33. dl: function(qt){ return qt;},
  34. cl: function(qt){ return qt * 10;},
  35. ml: function(qt){ return qt * 100;}
  36. },
  37. cl: {
  38. l: function(qt){ return qt / 100;},
  39. dl: function(qt){ return qt / 10;},
  40. cl: function(qt){ return qt;},
  41. ml: function(qt){ return qt * 10;}
  42. },
  43. ml: {
  44. l: function(qt){ return qt / 1000;},
  45. dl: function(qt){ return qt / 100;},
  46. cl: function(qt){ return qt / 10;},
  47. ml: function(qt){ return qt;}
  48. }
  49. },
  50. temperature: {
  51. c: {
  52. c: function(qt){ return qt;},
  53. f: function(qt){ return qt * 1.8 + 32;},
  54. th: function(qt){ return Math.round(qt / 30);},
  55. },
  56. f: {
  57. c: function(qt){ return (qt - 32) / 1.8;},
  58. f: function(qt){ return qt;},
  59. th: function(qt){ return Math.round(qt);},
  60. },
  61. th: {
  62. c: function(qt){ return qt * 30;},
  63. f: function(qt){ return qt * 30 * 1.8 + 32;},
  64. th: function(qt){ return qt;}
  65. }
  66. }
  67. };
  68. $("#signUp_validate").click(function(){
  69. $.each(["solide", "liquide", "temperature"], function(i, val){
  70. var qt = parseInt($("#" + val + "input").val()),
  71. from = $("#" + val + "from").val(),
  72. to = $("#" + val + "to").val(),
  73. res = '';
  74. if(!isNaN(qt)){
  75. res = Math.round(conversion[val][from][to](qt) * 100) / 100;
  76. }
  77. $("#" + val + "output").val(res);
  78. });
  79. });
  80. });
  81. </script>
  82.  
  83.  
  84.  
  85. <!-- et voici ma partie table pour ma div de conversions de mesures -->
  86.  
  87.  
  88. <h3 >Convertisseur de mesures :</h3>
  89. <table width="240px" cellspacing="0" cellpadding="0" border="0">
  90.  
  91. <tr class="tr1" valign="bottom">
  92. <td >Solide</td><td>de</td><td>en</td><td>Résultat</td>
  93.  
  94. </tr>
  95.  
  96. <tr id="solide" class="tr3" valign="top">
  97. <td >
  98. <input type="text" size="5" id="solideinput" />
  99. </td>
  100. <td >
  101. <select id="solidefrom" name="solidefrom" >
  102. <option value="gr">gr</option>
  103.  
  104. <option value="kg" selected="selected">kg</option>
  105.  
  106. <option value="oz">oz</option>
  107. </select>
  108. </td>
  109. <td >
  110. <select id="solideto" name="solideto" >
  111. <option value="gr" selected="selected">gr</option>
  112.  
  113. <option value="kg">kg</option>
  114.  
  115. <option value="oz">oz</option>
  116. </select>
  117. </td>
  118. <td>
  119. <input type="text" size="5" id="solideoutput" />
  120. </td>
  121. </tr>
  122.  
  123. <tr class="tr1" valign="bottom">
  124.  
  125. <td >Liquide</td><td>de</td><td>en</td><td>Résultat</td>
  126. </tr>
  127. <tr id="liquide" class="tr3" valign="top" >
  128. <td >
  129. <input type="text" size="5" id="liquideinput" />
  130.  
  131. </td>
  132. <td >
  133.  
  134. <select id="liquidefrom" name="liquidefrom" >
  135. <option value="l" selected="selected">l</option>
  136. <option value="dl">dl</option>
  137. <option value="cl">cl</option>
  138. <option value="ml">ml</option>
  139.  
  140. </select>
  141. </td>
  142.  
  143. <td >
  144. <select id="liquideto" name="liquideto" >
  145. <option value="l">l</option>
  146. <option value="dl" selected="selected">dl</option>
  147. <option value="cl">cl</option>
  148.  
  149. <option value="ml">ml</option>
  150. </select>
  151.  
  152. </td>
  153. <td>
  154. <input type="text" size="5" id="liquideoutput" />
  155. </td>
  156. </tr>
  157. <tr class="tr4" valign="bottom">
  158.  
  159. <td>Température</td><td>de</td><td>en</td><td>Résultat</td>
  160.  
  161. </tr>
  162. <tr id="temperature" class="tr5" valign="top">
  163. <td >
  164. <input type="text" size="5" id="temperatureinput" />
  165. </td>
  166.  
  167. <td >
  168. <select id="temperaturefrom" name="temperaturefrom" >
  169. <option value="c" selected="selected">°C</option>
  170.  
  171. <option value="f">°F</option>
  172. <option value="th">th</option>
  173. </select>
  174. </td>
  175.  
  176. <td >
  177. <select id="temperatureto" name="temperatureto" >
  178. <option value="c">°C</option>
  179.  
  180. <option value="f" selected="selected">°F</option>
  181. <option value="th">th</option>
  182. </select>
  183. </td>
  184.  
  185. <td>
  186. <input type="text" size="5" id="temperatureoutput" />
  187. </td>
  188. </tr>
  189. <tr class="tr6">
  190.  
  191. <td ></td><td ></td>
  192. <td colspan="2" align="right" ><input type="submit" id="signUp_validate" value=""/></td>
  193. </tr>
  194. </table>
Contenus similaires
  • Autres pages sur : convertisseur mesures javascript
Meilleure solution
partage
, Modérateur |
La librairie (prototype il semblerait dans ton cas) est dans un fichier JS à part, mais il ne faut pas oublier de la linker dans ton fichier HTML.
  1. <script type="text/javascript" src="prototype.js" />
  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par yoann54.
  • Commenter cette réponse |
Score
0
òh
òi
|
oui c'était bien un oubli de ma part d'un fichier .js externe à ma page......merci bien
  • Commenter cette réponse |
Score
0
òh
òi
|
une librairie du genre prototype ou jquery est dans un fichier a part ou devrait apparaitre dans le code html ?
  • Commenter cette réponse |
Score
0
òh
òi
|
Est-ce qu'il ne te manquerait pas une librairie du genre prototype (ou jQuery) ?
Ou bien ton code est incomplet.
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS