Deux codes JavaScript sur une m�me page
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:
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> |
