Interception d'une modification d'input par le JS

**drumtof** · 12/07/2011, 18h08

Bonjour � tous,

Je me heurte au probl�me suivant :
J'ai deux input dont l'un (visible) est aliment� par l'autre (de type hidden). Le champ cach� pouvant �tre mis � jour par une fonction js.
Il faut alors (chose que je n'arrive pas � faire) que je r�percute cette modification dans mon champ visible.

Y a t-il un moyen d'intercepter d'une modification d'input faite par une fonction JS (ex : document.monInput.value="toto") ?

Si oui quelqu'un pourrais-il me mettre sur la piste, car je n'ai pour le moment absolument rien trouv� qui marche.

Merci d'avance � tous.
TOF

**javatwister** · 12/07/2011, 18h28

euh, c'est une blague ou quoi?

si tu fais:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.monInput.value="toto"

pourquoi tu ne fais pas dans la foul�e:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.monInput_visible.value="toto"

?

**andry.aime** · 13/07/2011, 08h29

Bonjour,

Attention,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.nomForm.nomInput.value="tata";

A+.

**javatwister** · 13/07/2011, 08h59

Oui andry, ce n'est pas faux

**SpaceFrog** · 13/07/2011, 09h02

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.forms['nomForm'].elements['nomInput'].value="tata";

mais on va pas chipoter

**drumtof** · 18/07/2011, 15h31

Merci � tous pour vos r�ponses mais c'est un peu plus compliqu� sinon je n'aurais pas poser la question

En fait je ne peux pas toucher la fonction JS m'�tant � jour ces champs. Il faudrait que sur le changement de mon input hidden se d�clenche un appel js pour mettre � jour mon champ visible.

Ce qui me pose probl�me c'est que je n'arrive pas a d�clencher cette �v�nement sur mon input hidden car j'ai l'impression que son changement de valeur (effectu� par le JS que je ne peut pas toucher) n'engendre aucun �v�nement. Est-ce vrai ? si oui comment contourner le probl�me ?

**NoSmoking** · 18/07/2011, 22h30

Bonsoir,
il est vrai qu'il est bien dommage que l'�v�nement onchange ne se d�clenche pas lors d'une modification de la value via le javascript.

Il existe deux m�thodes pour arriver � tes fins, la bourrin et la filoute

- la m�thode dite du bourrin, tu fais une v�rification p�riodique via un setInterval.

- la m�thode dite du filou, tu d�tournes la fonction et tu la remplaces par la tienne qui fait d'abord appel � celle ci, ce qui te permet de rajouter du code perso.

exemple :

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
<!DOCTYPE html>
<html>
<head>
<title>[Version Filoutte...]</title>
</head>
<body>
<input id="cache" type="text" value="undefined" disabled>
<select onchange="changeValeur( this);">
  <option value="un">un</option>
  <option value="deux">deux</option>
  <option value="trois">trois</option>
  <option value="quatre">quatre</option>
  <option value="cinq">cinq</option>
</select>
 
<br><input id="modif" type="text" value="">
<script type="text/javascript">
 
// variable
var oSrce = document.getElementById('cache');
var oDest = document.getElementById('modif')
 
// la fonction que je ne peux pas modifier
function changeValeur( obj){
  oSrce.value = obj.value;
}
// sauvegarde la fonction
var oldChange = changeValeur;
 
// redefini la fonction
changeValeur = function(){
    // appel de l'ancienne
    oldChange.apply( null, arguments);
    // ajout mon code
    oDest.value = oSrce.value;
  };
</script>
</body>
</html>

la fonction non modifiable est simuler par le onchange sur le SELECT, et le INPUT hidden est ici en readonly

**drumtof** · 19/07/2011, 16h04

Merci pour cette r�ponse mais la mise en place en cette solution pour moi ne fonctionne pas car la fonction que je ne peut pas touch�e fait une redirection

je crois que je suis coinc�

**NoSmoking** · 19/07/2011, 19h34

Envoy� par drumtof

Merci pour cette r�ponse mais la mise en place en cette solution pour moi ne fonctionne pas car la fonction que je ne peut pas touch�e fait une redirection

j'ai du mal � comprendre l'int�r�t de modifier la valeur d'un champ si une fois la mise � jour du champ hidden une redirection est r�alis�e.

- Si c'est toi qui traite la redirection, je penses que oui � priori, je ne vois pas l'int�r�t de 2 champs pour une m�me valeur.
- Demande � l'auteur du script de modifier sa fonction...

Mais je pense que quelque chose m'�chappe

**Watilin** · 20/07/2011, 00h01

Cette histoire de redirection me laisse perplexe moi aussi. Sinon, j�ai pens� � la myst�rieuse m�thode watch mais c�est un truc sp�cifique � Mozilla.

En tout cas, comme la propri�t� value est modifi�e programmatiquement, la technique watch fonctionne, je viens de tester.

Drumtof, si �a t�int�resse, tu peux essayer de mettre en �uvre la solution cross-browser propos�e sur Stackoverflow, en gardant � l�esprit que, de toute fa�on, �a ne marchera pas sur les versions d�IE inf�rieures � 8.

**Bovino** · 20/07/2011, 08h14

Pour IE, tu as toujours l'�v�nement onafterupdate

Ceci dit drumtof, pour que l'on puisse t'aider efficacement, il serait bon d'�tre plus pr�cis quant au probl�me rencontr� et l'environnement dans lequel tu te trouve...

**drumtof** · 20/07/2011, 10h10

Merci � tous pour vos r�ponses et dsl de mon impr�cision. J'int�gre un progiciel de GED avec des �volutions sp�cifiques du client et j'essaie de toucher un minimum le progiciel pour la portabilit� dans les versions sup�rieures.

Mais ici dans mon cas pr�cis je n'aurais pas le choix de toucher le progiciel.

Merci pour votre aide et votre soutiens tjrs aussi efficace.

Interception d'une modification d'input par le JS

JavaScript

Discussions similaires

Partager

Partager