formulaire web

**adtconsult** · 13/11/2007, 21h02

Bonjour,
J�ai une page web ou des donn�es sont entr�es par l�utilisateur en ligne

Qui ressemble � ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
<SCRIPT type=text/javascript> 
function calcule_prix() 
{ 
 
ilargeurbat = document.getElementById("ilargeurbat").value; 
ilongueurbat = document.getElementById("ilongueurbat").value; 
ihauteurbat = document.getElementById("ihauteurbat").value; 
 
 
document.getElementById("prix").value = ((ilargeurbat) * (ilongueurbat) * (ihauteurbat))-(ihauteurbat); 
}

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
 
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC"> 
 
<tr> 
 
<td colspan="2" valign="top"> 
<div align="left"><font face="Arial, Helvetica, sans-serif"><a name="dimension"></a><font size="4"><b>Dimensions</b></font></font> 
</div></td> 
</tr> 
 
<tr valign="top"> 
<td height="1" colspan="2" class="separtor"><img src="spacer.gif" width="1" height="3"></td> 
</tr> 
<tr valign="top"> 
<td class="etiquette_head">&nbsp;</td> 
<td class="etiquette_head">&nbsp;</td> 
</tr> 
<tr valign="top"> 
 
<td width="13%" class="etiquette_head"> 
 
<div align="left">Largeur </div></td> 
<td width="87%" class="etiquette_head"> 
 
<div align="left"><font face="Arial, Helvetica, sans-serif"> 
<SELECT id=ilargeurbat onchange=javascript:calcule_prix(); name="ilargeurbat_"> 
<option value="0">Imp. / Mét.</option> 
<option value="24">24' ---- 07,32m</option> 
<option value="30">30' ---- 09,14m</option> 
<option value="36">36' ---- 10,97m</option> 
<option value="39">39' ---- 11,89m</option> 
<option value="48">48' ---- 14,63m</option> 
<option value="60">60' ---- 18,29m</option> 
<option value="72">72' ---- 21,95m</option> 
<option value="78">78' ---- 23,77m</option> 
<option value="90">90' ---- 27,43m</option> 
<option value="99">99' ---- 30,17m</option> 
</select> 
</font><font face="Arial, Helvetica, sans-serif"> 
 
 
</font></div></td> 
</tr> 
<tr valign="top"> 
 
 
<td class="etiquette_head"> 
 
<div align="left">Longueur</div></td> 
<td class="etiquette_head"><div align="left"><font face="Arial, Helvetica, sans-serif"> 
<SELECT id=ilongueurbat onchange=javascript:calcule_prix(); name="ilongueurbat_"> 
<option value="N.D.">Imp. / Mét.</option> 
<option value="12">12' ----03,66m</option> 
<option value="24">24' ----07,32m</option> 
<option value="36">36' ----10,97m</option> 
<option value="48">48' ----14,63m</option> 
<option value="60">60' ----18,29m</option> 
<option value="72">72' ----21,95m</option> 
<option value="84">84' ----25,60m</option> 
<option value="96">96' ----29,26m</option> 
<option value="108">108'---32,92m</option> 
<option value="120">120'---36,92m</option> 
<option value="132">132'---40,24m</option> 
<option value="144">144'---43,89m</option> 
<option value="156">156'---47,55m</option> 
<option value="168">168'---51,21m</option> 
<option value="180">180'---54,85m</option> 
<option value="192">192'---58,52m</option> 
<option value="204">204'---62,18m</option> 
<option value="Autres dimensions">Autres dimensions</option> 
</select> 
</font></div></td> 
</tr> 
<tr valign="top"> 
<td class="etiquette_head">Hauteur</td> 
<td class="etiquette_head"><font face="Arial, Helvetica, sans-serif"> 
<SELECT id=ihauteurbat onchange=javascript:calcule_prix(); name="ihauteurbat_"> 
<option value="N.D.">Imp. / Mét.</option> 
<option value="8">08' ----2,44m</option> 
<option value="10">10' ----3,05m</option> 
<option value="12">12' ----3,66m</option> 
<option value="14">14' ----4,28m</option> 
<option value="16">16' ----4,88m</option> 
<option value="18">18' ----5,49m</option> 
<option value="20">20' ----6,10m</option> 
<option value="22">22' ----6,71m</option> 
<option value="24">24' ----7,32m</option> 
</select> 
</font></td> 
</tr> 
</table> 
 
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> 
<tr valign="bottom"> 
<td class="separtor"><img src="spacer.gif" width="1" height="1"></td> 
</tr> 
</table> 
<div align="center"> 
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> 
<tr> 
<td class="etiquette_head"><div align="center"><b> 
<input type="submit" name="Submit" value="Soumettre"><INPUT onclick=javascript:calcule_prix();><input type="reset" value="Supprimer" name="reset"> 
</b></div></td> 
</tr> 
</table> 
 
 
 
</div> 
<div align="left"> 
 
<center> 
 
Prix : <INPUT id=prix size=10 value="0,00" 
name=prix>

J�aimerais que , une fois que la valeur prix a �t� calcul�e, qu�elle aille trouver dans par exemple 5 champs cach�s sur le formulaire, celui qui a la m�me valeur que le prix calcul� et qu�il l�affiche dans la page dans un champ nomm� � prix 2 � par exemple.

En bref, je veux placer 5 champs cach�s dans cette page, et je veux qu�une fois que la fonction javascript ait calcul� le prix, qu�il y ait une autre fonction qui prenne la valeur de ce prix, qu�elle recherche parmi les 5 champs cach�s celui qui a la m�me valeur et qu�il affiche dans un champ � prix 2 � non cach� le r�sultat de cette valeur (une option reli�e au prix).

merci de votre aide pr�cieuse

**sachav** · 14/11/2007, 12h57

J'essaye le copier-coller de ton code mais a chaque fois j'obtiens une erreur :

Line 5
Char 1
Object doesn't support this property or method

Avez-vous bien copi� votre code ?

**adtconsult** · 14/11/2007, 14h17

voici les lignes de code corrig�
Je ne suis pas encore assez ferr� en javascript pour r�aliser ce bout de script
merci de prendre le temps de m'aider
-Fred

code:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<html><head>
<script type="text/javascript">
function calcule_prix()
{
var ilargeurbat = document.getElementById("ilargeurbat")[document.getElementById("ilargeurbat").selectedIndex].value;
var ilongueurbat = document.getElementById("ilongueurbat")[document.getElementById("ilongueurbat").selectedIndex].value;
var ihauteurbat = document.getElementById("ihauteurbat")[document.getElementById("ihauteurbat").selectedIndex].value;
if(parseInt(ilargeurbat) && parseInt(ilongueurbat) && parseInt(ihauteurbat))
   document.getElementById("prix").value = (ilargeurbat*ilongueurbat*ihauteurbat)-ihauteurbat;
else
   document.getElementById("prix").value = "0,00";
}
</script>
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td colspan="2" valign="top">
   <div align="left"><font face="Arial, Helvetica, sans-serif"><a name="dimension"></a><font size="4"><b>Dimensions</b></font></font></div></td>
</tr>
<tr valign="top"><td height="1" colspan="2" class="separtor"><img src="spacer.gif" width="1" height="3"></td></tr>
<tr valign="top"><td class="etiquette_head">&nbsp;</td><td class="etiquette_head">&nbsp;</td></tr>
<tr valign="top">
   <td width="13%" class="etiquette_head"><div align="left">Largeur </div></td>
   <td width="87%" class="etiquette_head"><div align="left"><font face="Arial, Helvetica, sans-serif">
      <select id="ilargeurbat" onchange="javascript:calcule_prix();" name="ilargeurbat_">
         <option value="0">Imp. / Mét.</option>
         <option value="24">24' ---- 07,32m</option>
         <option value="30">30' ---- 09,14m</option>
         <option value="36">36' ---- 10,97m</option>
         <option value="39">39' ---- 11,89m</option>
         <option value="48">48' ---- 14,63m</option>
         <option value="60">60' ---- 18,29m</option>
         <option value="72">72' ---- 21,95m</option>
         <option value="78">78' ---- 23,77m</option>
         <option value="90">90' ---- 27,43m</option>
         <option value="99">99' ---- 30,17m</option>
      </select>
      </font><font face="Arial, Helvetica, sans-serif"></font></div>
   </td>
</tr>
<tr valign="top"><td class="etiquette_head"><div align="left">Longueur</div></td>
   <td class="etiquette_head"><div align="left"><font face="Arial, Helvetica, sans-serif">
      <select id="ilongueurbat" onchange="javascript:calcule_prix();" name="ilongueurbat_">
         <option value="N.D.">Imp. / Mét.</option>
         <option value="12">12' ----03,66m</option>
         <option value="24">24' ----07,32m</option>
         <option value="36">36' ----10,97m</option>
         <option value="48">48' ----14,63m</option>
         <option value="60">60' ----18,29m</option>
         <option value="72">72' ----21,95m</option>
         <option value="84">84' ----25,60m</option>
         <option value="96">96' ----29,26m</option>
         <option value="108">108'---32,92m</option>
         <option value="120">120'---36,92m</option>
         <option value="132">132'---40,24m</option>
         <option value="144">144'---43,89m</option>
         <option value="156">156'---47,55m</option>
         <option value="168">168'---51,21m</option>
         <option value="180">180'---54,85m</option>
         <option value="192">192'---58,52m</option>
         <option value="204">204'---62,18m</option>
         <option value="Autres dimensions">Autres dimensions</option>
      </select>
      </font></div>
   </td>
</tr>
<tr valign="top">
   <td class="etiquette_head">Hauteur</td>
   <td class="etiquette_head"><font face="Arial, Helvetica, sans-serif">
      <select id="ihauteurbat" onchange="javascript:calcule_prix();"" name="ihauteurbat_">
         <option value="N.D.">Imp. / Mét.</option>
         <option value="8">08' ----2,44m</option>
         <option value="10">10' ----3,05m</option>
         <option value="12">12' ----3,66m</option>
         <option value="14">14' ----4,28m</option>
         <option value="16">16' ----4,88m</option>
         <option value="18">18' ----5,49m</option>
         <option value="20">20' ----6,10m</option>
         <option value="22">22' ----6,71m</option>
         <option value="24">24' ----7,32m</option>
      </select>
      </font>
   </td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
   <tr valign="bottom"><td class="separtor"><img src="spacer.gif" width="1" height="1"></td></tr>
</table>
<div align="center">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
   <td class="etiquette_head"><div align="center"><b>
      <input type="submit" name="Submit" value="Soumettre" />
      <input onclick="javascript:calcule_prix();"><input type="reset" value="Supprimer" name="reset" />
      </b></div>
   </td>
</tr>
</table>
</div>
<div align="left">
   <center>Prix : <input id="prix" size="10" value="0,00" name="prix" /></center>
</div>
</body></html>

**sachav** · 14/11/2007, 19h33

Si j'ai bien compris, vous voulez, entre 5 prix, que l'ordinateur compare le prix trouve aux 5 prix et qui trouve celui qui a la meme valeur.
Mais comment peut-on faire 5 prix quand il y a beaucoup de possibilites ?
Merci

**adtconsult** · 15/11/2007, 17h50

en fait, l'ordi calcul le prix via le script. Ensuite, une fois le calcul du prix effectu�, l'ordi doit aller chercher parmi 5 champs cach�s, celui qui est �gal au prix calcul�. Une fois le champ cach� trouv�, l'ordi doit prendre la valeur du champ cach� trouv� et l'afficher � l'�cran.

les 5 champs cach�s ont les valeurs suivantes:

champ 1--- Nom: valeur_a valeur: 5000
champ 2--- Nom: valeur_b valeur: 6000
champ 3--- Nom: valeur_c valeur: 7000
champ 4--- Nom: valeur_d valeur: 8000
champ 5--- Nom: valeur_e valeur: 9000

Est-ce qu'un champ cach� peut avoir pour nom une valeur num�rique? exemple: 123456 . Si oui, je nommerais chaque champ cach� par un prix. Ainsi le but serait de trouver le prix calcul� par le script parmi les noms des champs cach�s et ensuite une fois le prix trouv� qui sont en fait les noms des champs cach�s, aller chercher la valeur et l'afficher.

je ne suis pas encore assez ferr� en javascript pour r�aliser ce bout de scipt.

merci !
-Fred

**sachav** · 16/11/2007, 16h05

Oui mais l'ordi peut tres bien trouver 6784 ou 12594... Ce n'est jamais exact ! 5 champs ne suffiraient pas, il en faudrait une centaine, ... ou alors voulez-vous arrondir ? Merci de preciser.

formulaire web

JavaScript

Vue hybride

Discussions similaires

Partager

Partager