Ajouter un événement...

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

Code :

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 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 :

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

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 :

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

option.onclick = "...";

ou

Code :

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

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 :

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

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

Merci de votre aide...