Ajouter dynamiquement une fonction à un element
Bonsoir,
J'ai le bout de code suivant qui me permet de faire passer des elements d'une liste à une autre:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
function sendSelectionFromTo(from, to) {
var elSel = document.getElementById(from);
var elToAdd = document.getElementById(to);
var i;
for (i = elSel.length - 1; i>=0; i--) {
if (elSel.options[i].selected) {
var elOptNew = document.createElement('option');
elOptNew.text = elSel.options[i].text;
elOptNew.value = elSel.value;
var elOptOld = elToAdd.options[elToAdd.length];
try {
elToAdd.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
} catch(ex) {
elToAdd.add(elOptNew, elToAdd.length); // IE only
}
elSel.remove(elSel.selectedIndex)
}
}
} |
Cependant lorsque je passe avec ma souris sur les options, j'ai des info concernant la ligne qui s'affiche. J'ai donc ajoute a <option> un onMouseOver="test()".
du coup je perds cette possibilite lorsque je change les elements de liste. J'ai pense naivement faire comme suit en rajoutant la ligne suivant:
Code:
1
2
|
elOptNew.onMouseOver = "test();" |
mais ca ne fonctionne pas :'(
des idees ???
merci
