Ca doit etre evident, mais j'y connais rien !!

Ca doit etre evident, mais j'y connais rien !! - HTML/CSS - Programmation

Marsh Posté le 03-03-2006 à 11:13:56    

Salut a tous,
je suis sacrement nul en javascript mais je dois faire un formulaire avec differentes listes deroulantes contenant des chiffres de 1 a 4. A chaque modification d'une des listes la moyenne des chiffres de toutes les listes doit s'afficher en bas. Pour ce qui est de ca, ca marche a peu pres, j'arrive a afficher la moyenne mais seulement dans une fenetre alert(). Ce que je voudrais c'est que ca s'affiche dans la page principale. Malheureusement mon resultat reste toujours a zero... Est ce que vous avez une idee ?

Reply

Marsh Posté le 03-03-2006 à 11:13:56   

Reply

Marsh Posté le 03-03-2006 à 11:15:48    

ben tu veux l'afficher ou dans la page principale?
 
Si c'est dans un champs text, ben tu fait un blablabla.value=moyenne
 
Et voilà

Reply

Marsh Posté le 03-03-2006 à 11:29:36    

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
  2.  
  3. <html> 
  4. <head> 
  5.     <title></title> 
  6.     <script> 
  7.     function midall() { 
  8.         var Lesselects = document.getElementById("lesselects" ).getElementsByTagName("SELECT" ); 
  9.         var total=0; 
  10.         for (var i=0; i<Lesselects.length; i++) { 
  11.             total+=parseInt(Lesselects[i].value); 
  12.         } 
  13.         document.getElementById("moyenne" ).value = total/(Lesselects.length); 
  14.     } 
  15.      
  16.     </script> 
  17. </head> 
  18.  
  19. <body> 
  20. <fieldset id="lesselects"> 
  21. <select onchange="midall()"> 
  22.     <option value="1">1</option> 
  23.     <option value="2">2</option> 
  24.     <option value="3">3</option> 
  25.     <option value="4">4</option> 
  26. </select> 
  27. <select onchange="midall()"> 
  28.     <option value="1">1</option> 
  29.     <option value="2">2</option> 
  30.     <option value="3">3</option> 
  31.     <option value="4">4</option> 
  32. </select> 
  33. <select onchange="midall()"> 
  34.     <option value="1">1</option> 
  35.     <option value="2">2</option> 
  36.     <option value="3">3</option> 
  37.     <option value="4">4</option> 
  38. </select> 
  39. <select onchange="midall()"> 
  40.     <option value="1">1</option> 
  41.     <option value="2">2</option> 
  42.     <option value="3">3</option> 
  43.     <option value="4">4</option> 
  44. </select> 
  45. <select onchange="midall()"> 
  46.     <option value="1">1</option> 
  47.     <option value="2">2</option> 
  48.     <option value="3">3</option> 
  49.     <option value="4">4</option> 
  50. </select> 
  51. <select onchange="midall()"> 
  52.     <option value="1">1</option> 
  53.     <option value="2">2</option> 
  54.     <option value="3">3</option> 
  55.     <option value="4">4</option> 
  56. </select> 
  57. <select onchange="midall()"> 
  58.     <option value="1">1</option> 
  59.     <option value="2">2</option> 
  60.     <option value="3">3</option> 
  61.     <option value="4">4</option> 
  62. </select> 
  63. <select onchange="midall()"> 
  64.     <option value="1">1</option> 
  65.     <option value="2">2</option> 
  66.     <option value="3">3</option> 
  67.     <option value="4">4</option> 
  68. </select> 
  69.  
  70. </fieldset> 
  71. <input type="text" name="moyenne" id="moyenne"> 
  72. </body> 
  73. </html>


Message édité par gatsu35 le 03-03-2006 à 11:32:45
Reply

Marsh Posté le 03-03-2006 à 11:32:45    

Merci les gars vous etes super rapides ! J'ai finalement trouve mon erreur et ca a l'air de marcher.
Merci a Gatsu35 pour son code qui va m'aider a simplifier mon charabia ! :)
 
See you !

Reply

Marsh Posté le 03-03-2006 à 11:32:58    

Merci les gars vous etes super rapides ! J'ai finalement trouve mon erreur et ca a l'air de marcher.
Merci a Gatsu35 pour son code qui va m'aider a simplifier mon charabia ! :)
 
See you !

Reply

Marsh Posté le 03-03-2006 à 12:15:51    

Ben j'aurai bien voulu voir ce que tu avais fait. Mais ca devait pas être très joli à voir.
 
sinon pour acceder à un élément dans ta page c'est très simple :  
var element = document.getElementById("iddemonelement" )
la méthode getElementById va te retourner un pointeur sur l'objet dans la page, il faut que cet objet à un identifiant  
 
<div id="monelement">
un div avec un id
</div>

Reply

Marsh Posté le 03-03-2006 à 12:35:46    

Merci a toi Gatsu35, je commence a cerner le javascript  :D  !
Sinon je prefere pas te montrer mon code tu risquerais de prendre peur.
 

Reply

Sujets relatifs:

Leave a Replay

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