Discussion :

[rafafa87]

bonjour,
sur une page j'ai 2 formulaires avec 2 codes javascript diff�rents,
j'ai fait attention � renommer les variables pour �viter les conflits,
mais la premi�re fois les formulaires fonctionnent,
mais apr�s d�s que je modifie les donn�es, �a ne fonctionne plus.
La seule fa�on qui fonctionne est de r�actualiser la page, ce que je voudrai �viter.
voici mon 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
 
<script type="text/javascript">
		function Calculer1()
		{
			document.bdc.Min1.value=Math.floor((document.getElementById("Pourcentage1").value*0.01)*(document.getElementById("Distance1").value*3600/(document.getElementById("VMA1").value*1000))/60);
			document.bdc.Sec1.value=Math.floor((document.getElementById("Pourcentage1").value*0.01)*(document.getElementById("Distance1").value*3600/(document.getElementById("VMA1").value*1000)))-document.getElementById("Min1").value*60;
 
		}
</script>
 
 
<div>Calculer Temps</div>
<table width="437">
<form name="bdc" action="#">
	<tr>
    	<td width="143"></td>
    </tr>
	<tr>
    	<td>VMA</td>
      	<td width="110"><input name="VMA1" id="VMA1" type="float" value="0" size="6">km/h</td>
    </tr>
    <tr>
        <td>Pourcentage</td>
        <td><input name="Pourcentage1" id="Pourcentage1" type="text" value="0" size="6">%</td>
    </tr>
    <tr>
        <td>Distance en m</td>       
        <td><input name="Distance1" id="Distance1" type="text" value="0" size="6">m</td>
    </tr>
    <tr>
    	<td><input type="button" value="calculer" style="width:120px" onClick="Calculer1();"></td>
    </tr>
    <tr>
 
        <td>Temps à réaliser</td>
        <td><input name="Min1" id="Min1" type="text" value="0" size="4">min</td>
        <td width="60"><input name="Sec1" id="Sec1" type="text" value="0" size="3">s</td>
    </tr>
</form>
</table>
 
<script type="text/javascript">
		function Test()
		{
			document.dis.resultat1.value=Math.round((parseFloat(document.getElementById("Pourcentage1").value)*0.01)*(parseFloat(document.getElementById("VMA1").value)*1000*(parseInt(document.getElementById("Min1").value)*60 + parseInt(document.getElementById("Sec1").value))/3600));
 
		}
</script>
 
 
 
 
<div>Calculer la distance à réaliser</div>
<table width="476">
<form name="dis" action="#">
	<tr>
    	<td width="200"></td>
    </tr>
	<tr>
    	<td>VMA</td>
      	<td width="135"><input name="VMA1" id="VMA1" type="float" value="0" size="6">km/h</td>
    </tr>
    <tr>
        <td>Pourcentage</td>
        <td><input name="Pourcentage1" id="Pourcentage1" type="text" value="0" size="6">%</td>
    </tr>
    <tr>
        <td>Durée</td>
        <td><input name="Min1" id="Min1" type="text" value="0" size="4">min</td>
        <td width="125"><input name="Sec1" id="Sec1" type="text" value="0" size="3">s</td>
    </tr>
    <tr>
    	<td><input type="button" value="Resultat" style="width:120px" onClick="Test();"></td>
    </tr>
    <tr>
    	<td>Distance à réaliser</td>       
        <td><input name="resultat1" type="text" size="6">m</td>
    </tr>
</form>
</table>

[Barsy]

Tout fonctionne chez moi que ce soit sur IE ou sur Firefox.

[rafafa87]

si tu changes les donn�es du 2� formulaire, �a ne fonctionne pas,
on doit obligatoirement modifier les premiers et secondes donn�es pour que cela marche

[Barsy]

La raison est simple, tu utilises les m�me id entre le premier et le second formulaire. En HTML chaque �l�ment doit avoir un id diff�rent.

Dans le second formulaire il faut par exemple remplacer VMA1 par VMA2, et ainsi de suite.