additions de zone texte

**toffou** · 16/11/2010, 10h06

bonjour a tous,
le code ci-dessous fonctionne parfaitement sur le premier tableau, mais je n'arrive pas a le faire tourner sur le deuxieme tableau

quelqu'un aurait-il une solution pour moi

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
 
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function addition()
{
var sum = ''; num1 = 0; num2 = 0; num3 = 0; num4 = 0; num5 = 0;
if (document.getElementById('num1').value != '')
{
num1 = eval(document.getElementById('num1').value);
}
if (document.getElementById('num2').value != '')
{
num2 = eval(document.getElementById('num2').value);
}
if (document.getElementById('num3').value != '')
{
num3 = eval(document.getElementById('num3').value);
}
if (document.getElementById('num4').value != '')
{
num4 = eval(document.getElementById('num4').value);
}
if (document.getElementById('num5').value != '')
{
num5 = eval(document.getElementById('num5').value);
}
sum = num1 - num2 - num3 - num4 - num5
document.getElementById('somme').value = eval(sum);
}
//-->
</script>
</head>
 
<body>
 
<form name="form1" method="post" action="">
 
<table align="center" width="25%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="num1" id="num1" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num2" id="num2" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num3" id="num3" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num4" id="num4" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num5" id="num5" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="somme" id="somme" onBlur="addition();"></td>
</tr>
</table>
</form>
 
 
 
<form name="form1" method="post" action="">
 
<table align="center" width="25%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="num1" id="num1" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num2" id="num2" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num3" id="num3" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num4" id="num4" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="num5" id="num5" onBlur="addition();"></td>
</tr>
<tr>
<td><input type="text" name="somme" id="somme" onBlur="addition();"></td>
</tr>
</table>
</form>
 
</body>
</html>

**nu_tango** · 16/11/2010, 10h41

Bonjour,

Dans un premier temps utilise la balise code ("#") dans l'éditeur ça donnera plus envie aux gens de te répondre.

Ensuite tu es dans le forum java et non pas javascript. Demande à un modérateur de déplacer ton message vers cette section, tu auras plus de réponses qu'ici...

**hwoarang** · 16/11/2010, 12h54

Salut,

Il vaut mieux eviter d'utiliser le meme id pour plusieurs champs. Comme tu peux t'en douter, la fonction document.getElementById cherche un composant sur la page dont l'id correspond à celui passé en parametre et renvoie l'objet en question. Dans ton cas, toujours ceux du tableau 1. Le plus simple, c'est de donner un id construit de maniere generique aux elements de la table 1 et pareil pour la table 2. Ensuite, passer un argument à la fonction javascript pour qu'elle puisse faire la différence. Ca donne :

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
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function addition(table)
{
var sum = ''; num1 = 0; num2 = 0; num3 = 0; num4 = 0; num5 = 0;
if (document.getElementById(table+'num1').value != '')
{
num1 = eval(document.getElementById(table+'num1').value);
}
if (document.getElementById(table+'num2').value != '')
{
num2 = eval(document.getElementById(table+'num2').value);
}
if (document.getElementById(table+'num3').value != '')
{
num3 = eval(document.getElementById(table+'num3').value);
}
if (document.getElementById(table+'num4').value != '')
{
num4 = eval(document.getElementById(table+'num4').value);
}
if (document.getElementById(table+'num5').value != '')
{
num5 = eval(document.getElementById(table+'num5').value);
}
sum = num1 - num2 - num3 - num4 - num5
document.getElementById(table+'somme').value = eval(sum);
}
//-->
</script>
</head>
 
<body>
 
<form name="form1" method="post" action="">
 
<table align="center" width="25%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="num1" id="t1num1" onBlur="addition('t1');"></td>
</tr>
<tr>
<td><input type="text" name="num2" id="t1num2" onBlur="addition('t1');"></td>
</tr>
<tr>
<td><input type="text" name="num3" id="t1num3" onBlur="addition('t1');"></td>
</tr>
<tr>
<td><input type="text" name="num4" id="t1num4" onBlur="addition('t1');"></td>
</tr>
<tr>
<td><input type="text" name="num5" id="t1num5" onBlur="addition('t1');"></td>
</tr>
<tr>
<td><input type="text" name="somme" id="t1somme" onBlur="addition('t1');"></td>
</tr>
</table>
</form>
 
 
 
<form name="form1" method="post" action="">
 
<table align="center" width="25%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="num1" id="t2num1" onBlur="addition('t2');"></td>
</tr>
<tr>
<td><input type="text" name="num2" id="t2num2" onBlur="addition('t2');"></td>
</tr>
<tr>
<td><input type="text" name="num3" id="t2num3" onBlur="addition('t2');"></td>
</tr>
<tr>
<td><input type="text" name="num4" id="t2num4" onBlur="addition('t2');"></td>
</tr>
<tr>
<td><input type="text" name="num5" id="t2num5" onBlur="addition('t2');"></td>
</tr>
<tr>
<td><input type="text" name="somme" id="t2somme" onBlur="addition('t2');"></td>
</tr>
</table>
</form>
 
</body>
</html>

a+

additions de zone texte

JavaScript

Vue hybride

Discussions similaires

Partager

Partager