[html] cacher des TR d'une table !

cacher des TR d'une table ! [html] - HTML/CSS - Programmation

Marsh Posté le 04-09-2003 à 15:25:42    

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)

Reply

Marsh Posté le 04-09-2003 à 15:25:42   

Reply

Marsh Posté le 04-09-2003 à 15:31:00    

style="visibility:hidden"

Reply

Marsh Posté le 04-09-2003 à 15:31:54    

marche pas
t'as testé ?

Reply

Marsh Posté le 04-09-2003 à 15:32:21    

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

Reply

Marsh Posté le 04-09-2003 à 16:03:45    

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

Reply

Marsh Posté le 04-09-2003 à 16:04:42    

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
Reply

Marsh Posté le 04-09-2003 à 19:12:06    

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

Reply

Marsh Posté le 04-09-2003 à 20:30:07    

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
Reply

Marsh Posté le 04-09-2003 à 23:12:33    

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.

Reply

Marsh Posté le 05-09-2003 à 09:18:43    

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 :'(

Reply

Marsh Posté le 05-09-2003 à 09:18:43   

Reply

Marsh Posté le 05-09-2003 à 11:16:26    

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
Reply

Marsh Posté le 05-09-2003 à 23:25:21    

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
Reply

Marsh Posté le 15-09-2003 à 17:30:06    

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
Reply

Marsh Posté le 15-09-2003 à 18:55:05    

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
Reply

Marsh Posté le 15-09-2003 à 21:08:30    

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

Reply

Marsh Posté le 19-09-2003 à 00:19:58    

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 :/

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed