detecter n'importe quel changement dans un formulaire

Version imprimable

18/02/2010, 09h32
islyoung2

detecter n'importe quel changement dans un formulaire

Bonjour;
J'ai un formulaire qui contient un nombre considérable de champs (plus de 30), et j'ai une variable is_modified qui est égal à false où je la rend à true si je modifie n'importe qul champs de ce formulaire pour l'instant pour chaque formulaire j'ajoute onchange et j'effectue mon opération, mais vu le nombre considérable de champ c'est tres penible, y a t'il un moyen de détecter le chamgeement de n'importe quel champs de mon formulaire puis effectuer mon opération.
Merci
18/02/2010, 09h38
SpaceFrog

ajoute le onchange dynamiquement sur les elements du form ...
18/02/2010, 09h47
islyoung2

Citation:

Envoyé par SpaceFrog

ajoute le onchange dynamiquement sur les elements du form ...

Pouvez vous détailler plus svp,Merci
18/02/2010, 09h49
SpaceFrog

sur le onload de ta page, lance un script qui viendra affecter l'evènement onchange des elements que tu souhaites tracer.
Soit toutes les zones de saisies ou juste un groupe en filtrant ...
18/02/2010, 10h07
islyoung2

Citation:

Envoyé par SpaceFrog

sur le onload de ta page, lance un script qui viendra affecter l'evènement onchange des elements que tu souhaites tracer.
Soit toutes les zones de saisies ou juste un groupe en filtrant ...

Je suis un peut NOOB en javascript :aie:; Pouvez vous m'expliquer avec un petit script svp, merci

:roll:

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
 
<style type="text/css">
.spyme {background-color:pink;}
</style>
<script type="text/javascript">
function init(){
var tabObj=document.forms['myform'].elements
var i=0;
while(tabObj[i]){
	if (tabObj[i].className=='spyme'){
   		  tabObj[i].onchange=function(){alert("changé")}
   		}
   		i++
	}
}   
 
</script>
 
</head>
 
<body onload="init()">
<form action="#" method="post" name="myform">
<input type="text" class="spyme" name="foo"/><br/>
<input type="text" class="spyme" name="foo"/><br/>
<input type="text" class="spymenot" name="foo"/><br/>
<input type="text" class="spyme" name="foo"/><br/>
<input type="text" class="spymenot" name="foo"/><br/>
<select name="bar" class="spyme">
<option value='1'>fsd</option>
<option value='2'>fsd</option>
<option value='3'>fsd</option>
<option value='4'>fsd</option>
</select><br/>
<select name="bar" class="spyme">
<option value='1'>fsd</option>
<option value='2'>fsd</option>
<option value='3'>fsd</option>
<option value='4'>fsd</option>
</select>
<input type="submit" value="go" />
</form>
</body>
 
</html>

18/02/2010, 10h37
islyoung2

Vous me sauvez la vie merci bcp :ccool: