innerHTML et IE

**Elazael** · 11/09/2008, 16h46

Bonjour,
Pour simplifier le test je suis revenu a un code de base
Mon code marche sous firefox,quand je sélectionne le premier bouton radio ça affiche test1 et le second test2,mais pas sous IE ou l'affichage est très anarchique.

Voici le code:

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
16
17
18
19
20
21
22
23
24
25
26
27
 
<script langage="javascript">
function testchange (id) {
if (id==1)
{document.getElementById("test").innerHTML='test 1';}
else
{document.getElementById("test").innerHTML='test 2';}
}
</script>
</head>
 
<body>
 
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="radio" name="radio" id="radio" value="radio" onchange="testchange(1)"/>
  </label>
  <p>
    <label>
    <input type="radio" name="radio" id="radio2" value="radio" onchange="testchange(2)"/>
    </label>
</p>
</form>
<div id="test"></div>
</body>
 
</html>

Merci d'avance pour l'aide.

**E.Bzz** · 11/09/2008, 17h04

Bonjour,
sous IE le onchange ne se déclenche qu'à la sortie du champ (en cliquant ailleurs) et non lors du clic, me semble-t-il ...

De plus, enlève les balises <label> : dans ton cas elles sont inutiles, et ne peuvent que perturber la gestion des évènements ...

Utilise plutôt onclick ...

A+