[CSS] display: {block|none}; TABLE sous IE???

Salut!

Ca fonctionne chez moi avec IE 6.0.

As-tu vérifié tes paramètre de sécurité Javascript dans IE?

;-)

Bonjour,
Meme probleme pour moi, cela fonctionne tres bien sous Firefox, Opera 9.5b1 et Safari PC 3.03b. Mais sous IE6 et IE7, Nada. Message d'erreure d'IE7 : Impossible d'obtenir la propriété display : argument non valide.

Quelqu'un aurait il une solution s.v.p. ? Merci d'avance.

voici l'extrait de mon code ou j'utilise cette methode :

[...]
echo '<tr onclick="if($(\''.$scelles['id_scelle'].'s'.'\').style.display == \'none\'){$(\''.$scelles['id_scelle'].'s'.'\').style.display=\'table-row\';$(\''.$scelles[­'id_scelle'].'sb'.'\').style.display=\'table-row\';}else{$(\''.$scelles['id_scelle'].'sb'.­'\').style.display=\'none\';$(\''.$scelles['id_scelle'].'s'.'\').style.display=\'none\';};­">
[...]

Au lieu de mettre :

style.display = 'none'

tu mets :

style.visibility = 'hidden'

ps : inverse :

style.visibility = 'visible'

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

j'ai des doute sur ta balise script.. Elle devrait plutot resembler à <script language="javascript" type="text/javascript">

Entre autre la balise <script> bonne remarque de SpikyGolden, à moins qu'il n'ait déjà précisé
dans l'entête html de sa page web le langage de script par défaut.


Personnellement je ferais une fonction javascript que j'appellerais seulement si besoin,
avec des gestionnaires d'évènements (onclick / onblur / onchange etc...)

Pour la documentation javascript: http://fr.selfhtml.org/javascript/intro.htm


Pour le côté CSS, côté compatibilité avec les anciens navigateurs web, un peu de respect
à ce niveau:
mettre
style="display:block;"
au lieu de
style="display: block;"

et puis tant qu'on y est :
NE PLUS METTRE D'ATTRIBUT style="" DANS VOS BALISES HTML, merci.
Préférez utiliser les CSS pour la MISE EN FORME DE VOS PAGES HTML
class=""
et dans un fichier CSS nommé par exemple "mesStyles.css":

.maPremiereClasseCssQuiMetEnGras {
font-weight:bold;
}

/* un exemple */
a#lienQuiAfficheMyTable {
color:white;
background-color:black;
text-decoration:none;
}

a#lienQuiAfficheMyTable table#mytable {
display:none;
}

a#lienQuiAfficheMyTable:hover {
color:black;
background-color:red;
text-decoration:underline;
}

a#lienQuiAfficheMyTable:hover table#mytable {
display:block;
}

Il faut encapsuler le tableau dans le lien hypertexte, comme le code CSS ci-dessus l'exige:
<a href="" title="" id="lienQuiAfficheMyTable">
<table id="mytable ">
<tr>
<td>
</td>
</tr>
</table>
</a>

Pas testé, pas garanti, mais ça devrait marcher correctement sur tous les navigateurs web.


Pour les problèmes avec IE... IE est un problème à lui seul...
Regardez les hacks et les pseudos-commentaires.
Regardez aussi du côté failles de sécurité et conformité aux normes internationales:
IE = poubelle de M$
Firefox = avenir du web


Bonne journée. Responsable technique - Projet JAVA / J2EE & Projets LAMP