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
Enlever couleur lien css ✓ - Forum CSS
Mettre une image à gauche css ✓ - Forum CSS
Css exposant ✓ - Forum CSS
Déplacer une image css - Forum CSS
Css download - Télécharger - 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

[CSS] Forcé retour à la ligne

trait horizontal avec du css

HTML - définir taille bouton

[CSS] Mettre un objet au premier plan

Enlever le soulignement sous les liens en HTML/CSS

Discussions similaires

Newsletters