Discussion :

[romaintaz]

Bonjour les gens,

Mon problème est le suivant :

Je veux que lorsque la valeur d'un de mes champs soit modifiée, une fonction Javascript soit appelée.
Jusque là, pas de problème. Il me suffit de faire un truc comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
 
var obj = document.getElementById("monChamp");
if (obj) {
  obj.onchange = valueChanged();
}
 
function valueChanged() {
  ...
}

Il y a même plus simple, en mettant directement l'appel à la fonction dans le onChange du champ :

Code :

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

1
2
 
<input ... onChange="valueChanged();"/>

Mais sur mon projet, je dois opter pour la 1e solution. De toutes façons, ça ne change rien au problème.

Mon problème donc, est que la méthode valueChanged() n'est appelée que si c'est l'utilisateurqui modifie la valeur. Or, dans mon cas, la valeur pourra être modifiée par une autre fonction Javascript. Et dans ce cas là, l'évènement onChange n'est pas exécuté, et donc la fonction valueChanged() n'est pas appelée.

Pour résumer, ma question serait : Existe-t-il en JS une méthode onChange qui soit universelle, et qui marche quelque soit l'origine de la modification ?

Merci d'avance pour votre aide.

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<input type='text' id='test' />
<script type='text/javascript'>
document.getElementById('test').onchange=function(){alert('coucou');}
 
function modifytext(contenu){
var previous=document.getElementById('test').value
document.getElementById('test').value=contenu
if(previous!=contenu){document.getElementById('test').onchange()}}
 
 
</script>
<input type="button" onclick="modifytext('coucou')" />

[romaintaz]

SpaceFrog > Je suis d'accord avec toi, mais dans ton code, tu appelles explicitement la méthode onchange(), ce que je ne veux pas faire !

Alors en effet, je peux toujours essayer de mettre un appel à ma fonction valueChanged dans mon code, là où la valeur du champ sera modifiée, mais ça ne me plait guère et ce n'est pas très propre. Hélas je crains de n'avoir pas trop le choix, une méthode Javascript en natif ne semblant pas exister pour répondre à mon besoin

[SpaceFrog]

Je ne vois pas d'autre possibilité
a part dans le onchange appeler une fonction et appeler cette même fonction dans le changement dynamique, mais rien de natif ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<input type='text' id='test' />
<script type='text/javascript'>
document.getElementById('test').onchange=function(){changeValue();}
 
function changeValue(){alert('coucou')}
 
function modifytext(contenu){
var previous=document.getElementById('test').value
document.getElementById('test').value=contenu
if(previous!=contenu){changeValue()}}
 
 
</script>
<input type="button" onclick="modifytext('coucou')" />

amsi est-ce vraiment plus propre ?

[romaintaz]

Merci Spacefrog pour ton aide. Cela me conforte donc dans mon idée que l'évènement onchange est tout de même limité. Tant pis...

[SpaceFrog]

le onchange est limité certes mais que cherches tu a faire qui ne serait pas réalisable avec la méthode donnée ci dessus ?