CSS: Display:none sur IE

Fermé

Sylvain - 6 févr. 2012 à 10:33
Sylvain - 6 févr. 2012 à 13:17

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

A voir également:

CSS: Display:none sur IE
Css premier plan ✓ - Forum CSS
Enlever couleur lien css ✓ - Forum CSS
Css download - Télécharger - HTML
Background color css ✓ - Forum CSS
Code source cv html css pdf - Forum HTML

2 réponses

Réponse 1 / 2

Sylvain
6 févr. 2012 à 12:26

up!!

Réponse 2 / 2

Sylvain
6 févr. 2012 à 13:17

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à.....

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

HTML - définir taille bouton

[CSS] Forcé retour à la ligne

indice et exposant en css ?