Discussion :

[robertt]

Bonjour � tous,

je parcours depuis longtemps ce forum qui m'a bien aid� pour r�soudre la plupart de mes probl�mes. Aujourd'hui toutefois, je s�che...

je m'explique:

Du c�t� HTML, j'ai un select vide (sera rempli plus tard par javascript). Ce select contient quand m�me un event onChange qui fait 'alert('toto');' Ce select est dans un form (de nom calcul).
par exemple

Code html :

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

<select name="test" onChange="alert('toto');"></select>

Ensuite, par javascript, je rempli les options de ce select mais je voudrais aussi modifier l'event onChange mais sans �craser le alert('toto') d�j� existant. En effet, j'arrive parfaitement � modifier le onChange mais cela ecrase tout... je ne sais pas trop comment faire un append en fait pour compl�ter l'event onChange.

Actuellement, j'ai ca:

Code :

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

1
2
3
4
 
document.calcul.test[0] = new Option("description 1","1");
document.calcul.test[1] = new Option("description 2","2"); 
document.calcul.test.onchange = function() { alert('tutu'); };

Moi, ce que je voudrais � la fin dans l'event onChange, c'est en premier alert('tutu') puis ensuite le alert('toto') initial.

Je ne vois pas trop comment proc�der pour faire cela... si vous pouviez m'aider.... j'ai tent� avec firebug d'y voir plus clair mais je n'arrive pas � r�cup�rer sous forme de string le contenu initial de l'event onChange afin que je fasse un append avec mon alert('tutu');....

Merci bcp !

[SpaceFrog]

addEventListener et attachEvent

[robertt]

addEventListener et attachEvent

ok, merci; je ne connais pas du tout addEventListener attachEvent, je vais donc fouiller dans ce sens... je ne suis pas un pro du js, je l'utilise par obligation...
J'esp�re trouver mon bonheur avec ces m�thodes.

[RomainVALERI]

Quelque chose dans ce style l� :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function addEvent(cible, type, effet) {
   if (document.addEventListener) {
      cible.addEventListener(type, effet, false);
   }
   else if (document.attachEvent) {
      cible.attachEvent("on" + type, effet);
   }
}
 
function gestionClick (ev) {
   alert("vous avez cliqué sur l'élément");// quitte à utiliser ev.target ou quoi que ce soit...
}
 
var monElement = document.getElementById("machinChouette");
addEvent(monElement, "click", gestionClick);

[Bovino]

Sinon, tu peux aussi faire :

Code :

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

1
2
3
4
5
6
7
var oldEvent = document.calcul.test.onchange;
document.calcul.test[0] = new Option("description 1","1");
document.calcul.test[1] = new Option("description 2","2"); 
document.calcul.test.onchange = function() {
    oldEvent;
    alert('tutu');
};

[robertt]

Sinon, tu peux aussi faire :

Code :

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

1
2
3
4
5
6
7
var oldEvent = document.calcul.test.onchange;
document.calcul.test[0] = new Option("description 1","1");
document.calcul.test[1] = new Option("description 2","2"); 
document.calcul.test.onchange = function() {
    oldEvent;
    alert('tutu');
};

Cette solution ne fonctionne pas chez moi... c'est dommage, cela paraissait la plus simple. Cela ne provoque aucune erreur mais l'event initial n'est plus pris en compte... seul le nouveau est appel�, et ce, qu'importe l'ordre dans lequel j'�cris le onchange, � savoir 'oldEvent; alert('tutu');' ou 'alert('tutu'); oldEvent;'.

[robertt]

Quelque chose dans ce style l� :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function addEvent(cible, type, effet) {
   if (document.addEventListener) {
      cible.addEventListener(type, effet, false);
   }
   else if (document.attachEvent) {
      cible.attachEvent("on" + type, effet);
   }
}
 
function gestionClick (ev) {
   alert("vous avez cliqué sur l'élément");// quitte à utiliser ev.target ou quoi que ce soit...
}
 
var monElement = document.getElementById("machinChouette");
addEvent(monElement, "click", gestionClick);

Cette solution fonctionne nickel chez moi... c'est ce qu'il me fallait.

Par contre, je ne comprends pas le commentaire "// quitte � utiliser ev.target ou quoi que ce soit..."... ca signifie quoi ?

Et derni�re question (pour le moment ), l'ordre des callbacks d�finies sur un event est-il garanti ? Mon onChange initial sera-t-il toujours appel� avant le deuxi�me que je set avec le addEventListener ? j'ai cru comprendre que non mais je voudrais un avis sur le sujet...

En tous cas, merci bien, j'ai appris un truc sur javascript today... c'est assez puissant quand m�me ce que l'on peut faire... j'suis s�r que j'utilise a peine 10% des possibilit�s donc il me reste � apprendre, c'est cOOl !

[SpaceFrog]

Beff s'est emm�l� les crayons dans les indice ... sinon sa methode est bonne ...
on ne peut pas ajouter la fonction sur la collection, il faut le faire sure chaque option