Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
958 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html] cacher des TR d'une table !

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[html] cacher des TR d'une table !

n°507440
k666
dites non à petitmou
Posté le 04-09-2003 à 15:25:42  profilanswer
 

hello
je dois faire un vieux menu pourri de navigation a gacuhe, sous netscape4 entre autres :p
 
et en fait quand on clicque sur certaines parties il faut que ca cache le sous parties et vice versa ...
voila donc j'ai le tableau,
avec la partie en gros:
 
<tr>la  partie</tr>
<tr> sous partie</tr>
<tr> sous partie2</tr>
 
etc...
 
 
donc pour pouvoir cacher le tout, je me suis dit que j'allais mettre un div des elements contenus, exemple:
 
<tr>la  partie</tr>
<div style="display:none">
  <tr> sous partie</tr>
  <tr> sous partie2</tr>
</div>
 
, et lui mettre display:none; mais ca ne marche pas, si kelkun pouvait m'aider ?
 
merci bcp (urgent malheureusement)

mood
Publicité
Posté le 04-09-2003 à 15:25:42  profilanswer
 

n°507442
yo c spi
Yo !
Posté le 04-09-2003 à 15:31:00  profilanswer
 

style="visibility:hidden"

n°507443
k666
dites non à petitmou
Posté le 04-09-2003 à 15:31:54  profilanswer
 

marche pas
t'as testé ?

n°507445
fastclemmy
(re-)Dictateur en plastique
Posté le 04-09-2003 à 15:32:21  profilanswer
 

<tr class="machin">
 
tr.machin {
display:none;
}
 
?

n°507465
k666
dites non à petitmou
Posté le 04-09-2003 à 16:03:45  profilanswer
 

yes mais l'ideal serait d'avoir sipossible un div qui englobe un bloc,
sinon il me faudrait une foncion js qui lisse toutes les tr en fonction d'une regle et qui mette le visibility/display a none et c infaisable avec NS4
 
c pour ca que j'aurai préféré une méthode simple, cacher par exemple  
 
referencepartie_sousparties . visibilité = non

n°507468
fastclemmy
(re-)Dictateur en plastique
Posté le 04-09-2003 à 16:04:42  profilanswer
 

k666 a écrit :

yes mais l'ideal serait d'avoir sipossible un div qui englobe un bloc,
sinon il me faudrait une foncion js qui lisse toutes les tr en fonction d'une regle et qui mette le visibility/display a none et c infaisable avec NS4
 
c pour ca que j'aurai préféré une méthode simple, cacher par exemple  
 
referencepartie_sousparties . visibilité = non


 
Bah tu peux mettre tous les <tr> que tu veux cacher d'un coup avec la même "class" non ?


Message édité par fastclemmy le 04-09-2003 à 16:06:22
n°507768
k666
dites non à petitmou
Posté le 04-09-2003 à 19:12:06  profilanswer
 

ouais mais l'attribution dynamique de classes css ca marche pas sous netscape 4 :'(
 
c chaud :'( sais pas comment faire :'(
 
a l'aide pitié !!!!! :'(:'(

n°507814
gm_superst​ar
Appelez-moi Super
Posté le 04-09-2003 à 20:30:07  profilanswer
 

k666 a écrit :

yes mais l'ideal serait d'avoir sipossible un div qui englobe un bloc,</div>


<thead> <tbody> et <tfoot> sont tes amis.
 
Pour cacher -> display: none;
 
Pour réafficher, remmettre cette propriété display à respectivement, table-row-group, table-header-group ou table-footer-group.

k666 a écrit :

sinon il me faudrait une foncion js qui lisse toutes les tr en fonction d'une regle et qui mette le visibility/display a none et c infaisable avec NS4


Et non, il ne faut pas trop en demander à un navigateur vieux de plus de 6 ans...

k666 a écrit :

c pour ca que j'aurai préféré une méthode simple, cacher par exemple  
 
referencepartie_sousparties . visibilité = non


La méthode simple existe. Elle consiste à utiliser les propriété de DOM. Par exemple pour cacher un groupe de lignes :
 

<table>
  <tbody id="cacher">
    <tr>...</tr>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
  <tbody>
...
  </tbody>
</table>


 
 
Pour cacher -> document.getElementById("cacher" ).style.display = "none";
 
Pour afficher -> document.getElementById("cacher" ).style.display = "table-row-group";
 
Navigateur moderne obligatoire.
 
 
Edit : pour une raison complètement étrange qui porte sérieusement à croire que les développeurs de IE sont soit des grands comiques soit accros à des substances illicites, la propriété "table-row-group" n'est pas supporté par le moteur DOM du navigateur... Il faut donc se rabattre sur table-header-group ou table-footer-group. Donc se restreindre à <thead> et <tfoot> si on souhaite être compatible avec IE.
 
Cf la listre ridiculement courte des valeurs supportées par "display" dans IE : http://msdn.microsoft.com/workshop [...] isplay.asp


Message édité par gm_superstar le 04-09-2003 à 20:35:39

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°507971
fadenretur​ns
Posté le 04-09-2003 à 23:12:33  profilanswer
 

Je suis toujours étonné par le nombre de personne qui code encore pour NN4 :sweat:  Il est mort ce navigateur, il est en dessous de 1% d'utilisation. Pourquoi se le trimballer encore ? On a déjà bien assez à faire avec les trucs pas standard de IE.

n°508191
k666
dites non à petitmou
Posté le 05-09-2003 à 09:18:43  profilanswer
 

yes je suis entièrement d'accord pour erradiquer ce navigateur pourri et méchant !!!
mais le problème c toujours les grands groupes qui ont encore des vieux navigateurs, je pense paske leurs admins systemes sont des gros glands qui  passent la journée à matter des films de cul au lieu de faire leur boulot
 
donc il me faut un truc qui march pour ns4
 
ca faisait longtemps que je l'avais abandonné aussi mais là jy peux franchement rien, ya bcp de sous en jeu :'(

mood
Publicité
Posté le 05-09-2003 à 09:18:43  profilanswer
 

n°508349
Le Castor
Neurasténique...
Posté le 05-09-2003 à 11:16:26  profilanswer
 

fadenreturns a écrit :

Je suis toujours étonné par le nombre de personne qui code encore pour NN4 :sweat:  Il est mort ce navigateur, il est en dessous de 1% d'utilisation. Pourquoi se le trimballer encore ? On a déjà bien assez à faire avec les trucs pas standard de IE.


 
Et encore, 1% t'es grave optimiste, je pense plutot moins de 0.5%, d'après ce que j'ai pu voir y'a pas longtemps...
 
Moi j'me démerde pour que ça marche sous IE5+, Gecko et Opera 7, le reste faut pas trop s'en préoccuper...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°509087
gm_superst​ar
Appelez-moi Super
Posté le 05-09-2003 à 23:25:21  profilanswer
 

k666 a écrit :

donc il me faut un truc qui march pour ns4


Si on en crois la doc :
 
http://devedge.netscape.com/librar [...] ml#1225120
http://devedge.netscape.com/librar [...] ml#1213510
 
un truc comme ça avec NS4 devrait marcher :
 

document.ids.monBloc.display = "none";
document.ids.monBloc.display = "block";


 
À appliquer sur un <thead> (ou ses 2 autres copains) ou dirctement sur un <tr> qui comporte un attribut id="monBloc".
 
Non testé, non garanti :o


Message édité par gm_superstar le 05-09-2003 à 23:27:10

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°515096
k666
dites non à petitmou
Posté le 15-09-2003 à 17:30:06  profilanswer
 

hello!
bon cette fois ci un autre projet, et on n'est pas obligé de faire pour NS4 :D donc j'utilise la teknike des tbody pour cacher ou afficher des sous parties ...
 
mais ca ne marche pas super bien ! en effet apparemment les tbody ne peuvent pas etre imbriqués les uns dans les autres :s
 
exemple:
 
 
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <style>
  5. .hidden
  6. {
  7. display:none;
  8. visibility:hide;
  9. }
  10. </style>
  11. </HEAD>
  12. <BODY>
  13.       <table class="ensemble_menu" border="1">
  14.         <!--reference-->
  15.         <!--title-->
  16.         <tr>
  17.           <td class="titre_chapitre" id="a01_accueil">Accueil / Choix du mode de formation</td>
  18.         </tr>
  19.         <tr>
  20.           <td class="titre_chapitre" id="a01_cncef_patrimoine2003_formation_libre">Formation libre</td>
  21.         </tr>
  22.         <tbody id="a01_cncef_patrimoine2003_formation_libre_body" class="hidden">
  23.           <!--reference-->
  24.           <!--title-->
  25.           <tr>
  26.             <td class="titre_souschapitre" id="a01_A">Succession</td>
  27.           </tr>
  28.           <tbody id="a01_A_body" class="hidden">
  29.             <!--reference-->
  30.             <!--title-->
  31.             <tr>
  32.               <td class="titre_notion" id="a01_AA">Héritiers</td>
  33.             </tr>
  34.             <tbody id="a01_AA_body" class="hidden">
  35.               <!--reference-->
  36.               <!--title-->
  37.               <tr>
  38.                 <td class="titre_grain" id="a01_AA0_00">Introduction</td>
  39.               </tr>
  40.               <tr>
  41.                 <td class="titre_grain" id="a01_AAA_01">Ordre prioritaire</td>
  42.               </tr>
  43.               <tr>
  44.                 <td class="titre_grain" id="a01_AAB_01">Degré de parenté</td>
  45.               </tr>
  46.               <tr>
  47.                 <td class="titre_grain" id="a01_AAC_01">Détermination des parts</td>
  48.               </tr>
  49.               <tr>
  50.                 <td class="titre_grain" id="a01_AAD_01">Quiz</td>
  51.               </tr>
  52.             </tbody>
  53.             <tr>
  54.               <td class="titre_notion" id="a01_AB">Répartition du patrimoine</td>
  55.             </tr>
  56.             <tbody id="a01_AB_body" class="hidden">
  57.               <!--reference-->
  58.               <!--title-->
  59.               <tr>
  60.                 <td class="titre_grain" id="a01_AB0_00">Introduction</td>
  61.               </tr>
  62.               <tr>
  63.                 <td class="titre_grain" id="a01_ABA">Répartition des biens</td>
  64.               </tr>
  65.               <tbody id="a01_ABA_body" class="hidden">
  66.                 <!--reference-->
  67.                 <!--title-->
  68.                 <tr>
  69.                   <td class="undefined" id="a01_ABA_01">Réserve</td>
  70.                 </tr>
  71.                 <tr>
  72.                   <td class="undefined" id="a01_ABA_02">Quotité disponible</td>
  73.                 </tr>
  74.                 <tr>
  75.                   <td class="undefined" id="a01_ABA_03">Différents biens</td>
  76.                 </tr>
  77.                 <tr>
  78.                   <td class="undefined" id="a01_ABA_04">Démembrement de propriété</td>
  79.                 </tr>
  80.               </tbody>
  81.               <tr>
  82.                 <td class="titre_grain" id="a01_ABB">Masse successorale</td>
  83.               </tr>
  84.               <tbody id="a01_ABB_body" class="hidden">
  85.                 <!--reference-->
  86.                 <!--title-->
  87.                 <tr>
  88.                   <td class="undefined" id="a01_ABB_01">Définition</td>
  89.                 </tr>
  90.                 <tr>
  91.                   <td class="undefined" id="a01_ABB_02">Biens déclarables</td>
  92.                 </tr>
  93.                 <tr>
  94.                   <td class="undefined" id="a01_ABB_03">Biens exonérés</td>
  95.                 </tr>
  96.               </tbody>
  97.               <tr>
  98.                 <td class="titre_grain" id="a01_ABC_01">Quiz</td>
  99.               </tr>
  100.             </tbody>
  101.             <tr>
  102.               <td class="titre_notion" id="a01_AC">Régimes contractuels</td>
  103.             </tr>
  104.           </tbody>
  105.         </tbody>
  106.       </table>
  107. </BODY>
  108. </HTML>


 
 
la normalement il devrait cacher tout sauf le truc du premier niveau d'imbrication (car tous les fils sont contenus au moins dans un tbody de classe hidden) mais ca marche pas, paske des qu'il crois un tbody il casse tout et ne tien pas compte de ce que je lui dis :/
 
 
voila si kelkun pouvait me dire ce que je fais mal la :'(


Message édité par k666 le 15-09-2003 à 17:31:59
n°515162
gm_superst​ar
Appelez-moi Super
Posté le 15-09-2003 à 18:55:05  profilanswer
 

Oui, on a pas le droit d'imbriquer des tbody, mais tu as le droit d'en mettre plusieurs les uns à la suite des autres.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°515265
pascalC
Posté le 15-09-2003 à 21:08:30  profilanswer
 

Tu pourrais utiliser des listes stylées en CSS, c'est beacopuoup plus flexible que les tableaux.

n°517786
k666
dites non à petitmou
Posté le 19-09-2003 à 00:19:58  profilanswer
 

en fait la solution qu ej'ia trouvé et qui marche c au lieu de tbodys mettre table et tbodys :p c con mais j'yavais pas pensé ... la seule chose qui me fallait c t un id pour pouvoir cacher le bordel :/


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html] cacher des TR d'une table !

 

Sujets relatifs
[autorun] qui ouvre un html !!création d'un site en html
[HTML]Remonter en haut de la page au changement de page?[VBA] Tester si une table existe ...
[XML] Désactiver l'analyse des scripts lorsqu'on parse une page HTML[html / css ] - bloquer la taille d'un tableau en largeur mais pas ...
Forcer la hauteur de cellules avec tableaux htmlaspx : interaction entre c# et html généré par VS.NET
Réception de mail HTML[newbie] Cretation table SQL ?
Plus de sujets relatifs à : [html] cacher des TR d'une table !


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR