Ajouter un événement...

Salut je remplis un select avec les styles disponibles pour la page grâce à Javascript...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function addStyleToSelect() { var style = this.listStyle(); var select = document.getElementById('changeStyle');   for (var i = 0; i < style.length; i++) { var option = document.createElement('option'); var value = document.createTextNode(style[i]);   option.value = style[i]; option.appendChild(value); select.appendChild(option); } }

---

Code:

---

1 2 3 4 5 6 7 8

<p> <select id="changeStyle" name="changeStyle"> <option value="Changer style">Changer le style</option> </select> <script type="text/javascript"> dom.addStyleToSelect(); </script> </p>

---

Tout fonctionne parfaitement mon select se remplit comme je le veux...

Mon problème est que je voudrais changer les styles à la volée... J'ai déjà réalisé la fonction qui fait cela mais je n'arrive pas à créer l'attribut onclick à partir de mon script...

Code:

---

option.onclick = "...";

---

ou

Code:

---

option.createAttribute('onclick');

---

Ne fonctionnent pas...

Voici comment faire pour ajouter un événement sur un élément. Attention, sous firefox et internet explorer ce n'est pas la même fonction :

Code:

---

1 2 3 4 5

if(window.addEventListener){ // Mozilla, Netscape, Firefox object.addEventListener('mouseover', testevent, false); } else { // IE object.attachEvent('onmouseover', testevent); }

---

ou encore: plus simplement :

Code:

---

1 2	object.setAttribute('onclick', function(){alert('test')); object.onclick=function(){alert('test')}

---

la ligne est double car l'une est pour IE l'autre ffx moz and C°

Merci de votre aide... :D