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> |
