Rechercher : dans
Par :

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

Dernière réponse le 20 nov 2008 à 09:42:35 MoI, le 8 jan 2006 à 02:14:52 
 Signaler ce message aux modérateurs

Voilà je vouderais savoir comment faire pour faire disparaitre un tableau sous IE
<table id="mytable" style="display: block;">
<tr>
<td>:) test</td>
</tr>
</table>
<script>
document.getElementById('mytable').style.display = 'none';
</script>

Marche sous FF mais pas sous IE... y'a pas une méthode?
si non, comment faire pour que IE le face disparaitre?

je vous remerci d'avance....

Meilleures réponses pour « [CSS] display: {block|none}; TABLE sous IE??? » dans :
Différence entre display:none et visibility:hidden Voir Les deux attributs CSS display:none et visibility:hidden permettent tous deux de masquer l'affichage d'un élément en CSS dans le navigateur. Néanmoins, il existe une subtile nuance : visibility: hidden rend le bloc concerné invisible....
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...

1

HackTrack, le 18 avr 2006 à 12:23:12

Salut!

Ca fonctionne chez moi avec IE 6.0.

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

;-)

Répondre à HackTrack

2

Jef, le 13 nov 2007 à 12:10:17

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\';};">
[...]

Répondre à Jef

3

kij_82, le 27 nov 2007 à 11:48:26
  • +1

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 :) ~

Répondre à kij_82

4

mioux, le 14 mar 2008 à 15:04:29
  • +1

Il y a un problème avec visibility c'est que l'objet est que l'espace consacré à l'élément est toujours visible, seul le rendu est caché, contrairement à la propriété display qui cache l'élément et son espace. Du coup pour remplacer une cellule par une autre dans un tableau, ca ne peut pas fonctionner

Répondre à mioux

5

SpikyGolden, le 25 avr 2008 à 13:44:10

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

Répondre à SpikyGolden

6

thifoolish, le 25 avr 2008 à 15:05:21

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

Répondre à thifoolish

7

SapceHog, le 11 jui 2008 à 11:02:38

IE ne reconnait pas le style block pour les elements tr ...

ni le inline ni le table-row ...

Bref IE est top :!!!

Pour contourner ce souci il suffit de mettre
elem.style.display="";

Répondre à SapceHog

8

 yo, le 20 nov 2008 à 09:42:35
  • +7

http://www.w3schools.com/css/pr_class_display.asp

display = "table" pour les tableaux, cher monsieur thifoolish, gardien de la morale

Répondre à yo