JavaScript : IE & Select (1/5) Internet Explorer et les Select ...

Navigateur le plus présent sur la toile, Microsoft Internet Explorer recèle cependant un bug relatif à l'interprétation JavaScript pouvant démotiver plus d'un développeur ... Effectivement, l'utilisation de balises <SELECT> peut révéler certaines surprises ...

Vous allez me dire, mais j'utilise des <SELECT> depuis un bon moment et je n'ai jamais eu aucun problème ...

Attention, nous aborderons ici le problème que rencontre Internet Explorer lors de son interprétation JavaScript d'un <SELECT>

Voici un exemple concret, prenons une <TABLE> contenant du texte, un <INPUT TYPE="text"> et un <SELECT>

Du texte ...

Option1 Option2

Que se passe-t-il lorsque l'on positionne une <DIV> au-dessus de cette table :

Afficher - Masquer

Du texte ...

Option1 Option2

Si votre navigateur rencontre le problème, vous constaterez que le <SELECT> reste au-dessus alors que le reste de la <TABLE> est bien masqué par la <DIV>

Malheureusement, ce problème se produit quels que soient les zIndex (niveaux de profondeur) appliqués à la <DIV> et au <SELECT>

Nous allons donc voir ensemble comment pallier à cette défaillance dans la suite de l'article ...