CSS: Display:none sur IE

[Fermé]
Signaler
-
 Sylvain -
Bonjour,

Je rencontre, comme d'habitude, un problème avec internet explorer et un de mes scripts en CSS. Voilà, au chargement de la page un menu select n'apparaît pas et c'est uniquement lorsque l'on clique sur une des trois images qu'elle apparaît grace à une partie en javacript. Cependant, ce systeme marche de partout hormis IE: le menu select est bien invisible au chargement mais impossible de la faire apparaitre par la suite :(

Voici le bout de code:
CSS
fieldset.item {
    display: none; 
    padding: 12px;
    border: none;
}



Javascript
function toggleSet(rad)
{
var type = rad.value;
for(var k=0,elm;elm=rad.form.elements[k];k++)
if(elm.className=='item')
elm.style.display = elm.id==type? 'inline':'';
}


HTML
<tr align="left" valign="middle">
            <th scope="row" class="alignement">Zone&nbsp</th>
            <td>
            <label for="TEST"><font size="1" face="Verdana" style="cursor: hand"> <img src="../template/photo.gif" width="70" height="70" /></font></label></font><input type="radio" value="TEST" name="itemtype" id="TEST" onclick="toggleSet(this)">&nbsp&nbsp&nbsp&nbsp&nbsp
               </td>
         </tr>
                   <br><br>
<tr align="left" valign="middle">
<th scope="row"></th>
<td><fieldset id="TEST" class="item">
<legend class="legend">Mes différentes options</legend>
              <select id="TEST" name="TEST" class="dest">
                   <option>option1</option>
                   <option>option2</option>
                   <option>option3</option>
              </select>
</fieldset>



Merci de votre précieuse aide!!!

2 réponses

Je vois qu'il n'y a pas grand monde qui se bouscule donc je suppose, peut être que ma question n'est pas très claire... Pour simplifier, voici le script ORIGINAL que j'ai copié:
<html>
<head>
<title>Untitled Form Folly</title>
<style>
fieldset{display: none; padding: 10px;}
</style>
<script type="text/javascript">
function toggleSet(rad)
{
var type = rad.value;
for(var k=0,elm;elm=rad.form.elements[k];k++)
if(elm.className=='item')
elm.style.display = elm.id==type? 'inline':'';
}
</script>
</head>
<body>
<form>
Vehicle
<input type="radio" name="itemtype" value="vehicle" onclick="toggleSet(this)">
<br>
Equipment
<input type="radio" name="itemtype" value="equipment" onclick="toggleSet(this)">
<br>
<fieldset id="vehicle" class="item">
<legend>Vehicle</legend>
license plate <input type="text" name="licence_plate"><br>
VIN <input type="text" name="VIN"><br>
mileage <input type="text" name="mileage">
</fieldset>
<fieldset id="equipment" class="item">
<legend>Equipment</legend>
model no. <input type="text" name="model_no"><br>
serial no. <input type="text" name="serial_no"><br>
hours <input type="text" name="hours">
</fieldset>
</form>
</body>
</html>


Voilà donc testez le sur chrome il marche en folie, testez le sur explorer et là.....