Discussion :

[Emcy]

bonjour,

J'ai un formulaire avec plein de textbox, menu déroulant et des checkbox.

Dans mon formulaire AJAX, j'ai une image qui me permet de connaitre l'état du formulaire (en cours d'envoi, erreur d'envoi, envoi OK, pas d'action en cours) => je change via un script l'image en fonction de l'etat.

Lorsque les données ont été envoyées, j'affiche l'image "envoi OK" pour dire que tout c'est bien passé.
=> ce que je voudrais faire, c'est effacer cette image dès qu'un des champs de l'image à été modifier pour dire à l'utilisateur qu'il faut qu'il renvoie le formulaire : comment faire cela simplement (comment détecter que l'un des champs a été modifié) ?

[E.Bzz]

Bonjour,

comment faire cela simplement (comment détecter que l'un des champs a été modifié) ?

sur onchange de tes champs, tu changes l'image : si le onchange s'est déclenché, c'est que le champ a été modifié (par définition) ...

A+

[Emcy]

il n'y a pas plus simple ? car mettre onchange sur tous mes inputs, c'est super lourd (j'ai 200 inputs)...

[E.Bzz]

il n'y a pas plus simple ? car mettre onchange sur tous mes inputs, c'est super lourd (j'ai 200 inputs)...

Si tu trouves plus simples de parcourir tous tes input pour comparer leur valeur initiale avec leur valeur actuelle, tu peux aussi faire comme ça

A+

[Emcy]

pas de solutions miracle alors ...

J'ai essayé de faire un script qui défini l'evenement onchange comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function fonction_start(){
	var Form = document.getElementById("monFormulaire");
 
	for (key=0; key < Form.elements.length; key++) {  
		Form.elements[key].onchange = "fonctionChangeImage();"	
	}
 
}
 
function fonctionChangeImage(){
	document.getElementById("monImage").src = "../empty.gif"
}

=> mais ça ne marche po ....

[E.Bzz]

Essaye avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function fonction_start(){
	var Form = document.forms["monFormulaire"]; // Pour utiliser la bonne collection
		
	for (key=0; key < Form.elements.length; key++) {  
		Form.elements[key].onchange = fonctionChangeImage;
	}
 
}

A+