[DOM] Modifier le contenu d'un onChange

Version imprimable

17/02/2009, 16h34
Invité

[DOM] Modifier le contenu d'un onChange
Bonjour !

J'ai une application que je dois modifier. J'ai une fonction qui génère des droprown (<select>). J'aimerais ajouter des onChange dans mon select. Donc, quand la fonction créer un dropdown, je me retrouve avec un truc comme ça :
Code:

1 2 <select onChange="" name="truc">
J'aimerais pouvoir modifier l'intérieur du onChange. J'ai donc testé qqch du genre:
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript">  </script>
Mais sans succès...

Quelqu'un aurait-il une idée ?

Bonjour,
essaye plutôt

Code:

<select onChange="" id="truc">

avec

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head>
<script type="text/javascript">
	<!--
function test() {
alert('Nouveau onchange');
}
	function refreshGroup()
	{
		document.getElementById("truc").onchange = test;
	}
	-->
</script>
</head>

Voilà ce que j'ai testé :
Code:

1 2 <select onChange='' id='dropdown_FK_group' name="FK_group" size='1'>
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript">  </script>
Le onChange de mon select est toujours vide. alors que la fonction refreshGroup() est bien lancée.

19/02/2009, 10h26
Bovino

Oui, mais ta fonction refreshGroup(), tu l'appelles quand ?

Et puis :

Code:

onchange = "javascript: test();"

:koi:
Le 'javascript:', ça sert à quoi au juste, à demander à JavaScript de faire du JavaScript ?
19/02/2009, 10h34
Invité

Citation:

Envoyé par Bovino

Oui, mais ta fonction refreshGroup(), tu l'appelles quand ?

Et puis :

Code:

onchange = "javascript: test();"

:koi:
Le 'javascript:', ça sert à quoi au juste, à demander à JavaScript de faire du JavaScript ?

J'appelle ma fonction tout à la fin de la page. J'ai testé en mettant un alert dedans et c'est ok.

Ca sert que l'application que je dois modifier génère elle-même ses dropdown. J'aimerais qu'un champ se rafraichisse automatiquement quand certains sont modifiés.

Je peux ajouter le onChange="" vide sur les select mais il faut ensuite que je puisse ajouter des choses dedans en fonctione du nom.

J'espère que j'ai été assez clair...:aie:

Code:

1
2
3
4
5
6
7
8
<script type="text/javascript">
	<!--
	function refreshGroup()
	{
		document.getElementById("dropdown_FK_group").onchange = test;
	}
	-->
</script>

19/02/2009, 10h46
Invité
Citation:
Envoyé par Bovino

Code:

1 2 3 4 5 6 7 8 <script type="text/javascript">  </script>
Avec cette méthode, FireBug me renvoi que :

Citation:

Envoyé par FireBug

element is null
document.getElementById("dropdown_FK_group").onchange = test;

et que :

Citation:

Envoyé par FireBug

test is not definied
document.getElementById("dropdown_FK_group").onchange = test;

par contre, si je remplace test par "test", je n'ai plus d'erreur. Par contre, le onChange n'est toujours pas modifié........ :cry:
19/02/2009, 11h03
marcha
Salut,

La solution de Bovino est la plus propre. Il doit y avoir un autre problème.

est-ce que ceci fonctionne ?
Code:

1 2 document.getElementById("dropdown_FK_group").onchange = function() { alert('ok'); };
19/02/2009, 11h25
Invité
Citation:
Envoyé par marcha

Salut,

La solution de Bovino est la plus propre. Il doit y avoir un autre problème.

est-ce que ceci fonctionne ?

Code:

1 2 document.getElementById("dropdown_FK_group").onchange = function() { alert('ok'); };
Non cela ne fonctionne pas car, comme je l'ai dit précédemment, le onChange n'est pas modifié. Il est toujours vide.
19/02/2009, 11h45
Bovino

Citation:

Non cela ne fonctionne pas car, comme je l'ai dit précédemment, le onChange n'est pas modifié. Il est toujours vide.

Ote moi d'un doute cruel, comment vois-tu que le onchange n'est pas modifié (qu'il est encore vide) ???
19/02/2009, 11h50
Invité

Citation:

Envoyé par Bovino

Ote moi d'un doute cruel, comment vois-tu que le onchange n'est pas modifié (qu'il est encore vide) ???

En regardant le code source de la page :? C'est faux ......?
19/02/2009, 11h56
marcha

Oui c'est faux, le code source est le code source, il ne t'affiche
pas les modifications faites par javascript. Ce qu'il te faut c'est un
inspecteur DOM. FireFox avec l'extension FireBug, puis "Inspecter" et
là tu verras
19/02/2009, 12h01
Invité

Citation:

Envoyé par marcha

Oui c'est faux, le code source est le code source, il ne t'affiche
pas les modifications faites par javascript. Ce qu'il te faut c'est un
inspecteur DOM. FireFox avec l'extension FireBug, puis "Inspecter" et
là tu verras

Ok, je viens de tester avec Firebug et le onChange est vide aussi
19/02/2009, 12h19
Bovino

Ou en essayant de changer le select ...:roll:
19/02/2009, 12h27
marcha

Citation:

Envoyé par babastutz

Ok, je viens de tester avec Firebug et le onChange est vide aussi

Au temps pour moi, FireBug (en tout cas la version que j'ai) ne permet pas
de lister les évènements.

Donc le seul moyen de s'assurer qu'ils sont bien assignés c'est de les
provoquer (dixit. Bovino ci-avant)
19/02/2009, 16h10
Invité

En fait je faisais une erreur de manip ! :aie:

Vos solution fonctionnent très bien!

merci :king: