Ajout element option dans une liste sous IE8
Bonjour
Je me heurte à un pb de compatibilité avec IE 8 et IE7
( pas de problème avec IE6 et Firefox).
J'ai une page HTML contenant un bouton et une liste ; à chaque click sur le bouton , j'ajoute un élément dans la liste , très simple pourtant... :oops:.
Sous IE8, cette liste est réduite en hauteur et largeur à chaque ajout
d'un élément , quelqu'un a-t-il une idée du pb ?
Merci pour votre aide !
Voici ma page :
Code:
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
28
29
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Test liste</title>
<script type="text/javascript">
function updateListeEcran()
{
liste = document.getElementById("maListe");
var nouveauli = document.createElement("option");
nouveauli.appendChild(document.createTextNode("ajout ligne"));
liste.appendChild(nouveauli);
}
</script>
</head>
<body id="main" class="mainclass">
<input type="button" name ="btnTest" align="middle" value= "Update liste" onclick="updateListeEcran()"/>
<select id="maListe" size="10" style="width:100%; height:100%">
<option >item 1</option>
</select>
</body>
</html> |
