problème de table

problème de table - HTML/CSS - Programmation

Marsh Posté le 11-02-2007 à 17:56:52    

Bonjour,
 
J'essaie actuellement de faire un tableau pouvant se plier / déplier.
Je n'ai pas de problème particulier quand j'ai un seul niveau mais lorsque je commence à imbriquer les niveaux, cela ne fonctionne plus.
Je pense que cela vient des TBody qui n'aiment pas être imbriqués.
Voici mon code

Code :
  1. <html>
  2.   <head>
  3.     <title>
  4.       Ma super tree table qui ne fonctionne pas
  5.     </title>
  6. <script language="javascript">
  7. function getItem(id)
  8. {
  9. var itm = false;
  10. if(document.getElementById)
  11. itm = document.getElementById(id);
  12. else if(document.all)
  13. itm = document.all[id];
  14. else if(document.layers)
  15. itm = document.layers[id];
  16. return itm;
  17. }
  18. function toggleItem(id)
  19. {
  20. itm = getItem(id);
  21. if(!itm)
  22. return false;
  23. if(itm.style.display == 'none')
  24. itm.style.display = '';
  25. else
  26. itm.style.display = 'none';
  27. return false;
  28. }
  29. </script>
  30.     <style type="text/css"> body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 10; }.tbl { border-collapse: collapse; border-color: #6593CF; border-style: solid; border-width: 1px; font-size: 12px }.tbl td{ border-color: #6593CF; border-style: solid; border-width: 1px; }
  31.     </style>
  32.   </head>
  33.   <body>
  34.     <table class="tbl">
  35.       <tr>
  36.         <td>
  37.           Task Id</td>
  38.         <td>
  39.           Name</td>
  40.       </tr>
  41.       <tr>
  42.         <td>
  43.           1</td>
  44.         <td>
  45.           <a href="#" onclick="toggleItem('t1')">[-]</a>
  46.           Task 1</td>
  47.       </tr>
  48.       <tbody id="t1">
  49.         <tr>
  50.           <td>
  51.             4</td>
  52.           <td>
  53.             Task 4</td>
  54.         </tr>
  55.         <tbody id="t4">
  56.         </tbody>
  57.       </tbody>
  58.       <tr>
  59.         <td>
  60.           2</td>
  61.         <td>
  62.           <a href="#" onclick="toggleItem('t2')">[-]</a>
  63.           Task 2</td>
  64.       </tr>
  65.       <tbody id="t2">
  66.         <tr>
  67.           <td>
  68.             5</td>
  69.           <td>
  70.             <a href="#" onclick="toggleItem('t5')">[-]</a>
  71.             Task 5</td>
  72.         </tr>
  73.         <tbody id="t5">
  74.           <tr>
  75.             <td>
  76.               6</td>
  77.             <td>
  78.               Task 6</td>
  79.           </tr>
  80.           <tbody id="t6">
  81.           </tbody>
  82.           <tr>
  83.             <td>
  84.               7</td>
  85.             <td>
  86.               Task 7</td>
  87.           </tr>
  88.           <tbody id="t7">
  89.           </tbody>
  90.         </tbody>
  91.       </tbody>
  92.       <tr>
  93.         <td>
  94.           3</td>
  95.         <td>
  96.           Task 3</td>
  97.       </tr>
  98.       <tbody id="t3">
  99.       </tbody>
  100.     </table>
  101.   </body>
  102. </html>


 
Avez-vous des idées pour contourner ce problème?
 
Merci par avance!  :hello:


Message édité par Lamarmotte le 11-02-2007 à 17:58:37
Reply

Marsh Posté le 11-02-2007 à 17:56:52   

Reply

Marsh Posté le 11-02-2007 à 22:48:21    

ben on ne peut pas imbriquer des tbody dans des tbody
dans un tbody tu ne peux mettre que des TR

Reply

Marsh Posté le 12-02-2007 à 19:21:06    

et quelle solution pour remplacer l'imbrication des tbody?

Reply

Marsh Posté le 12-02-2007 à 20:41:24    

Ben aucune, a moins de tagger les TR associés à un TD et de les cachés quand tu as besoin.

Reply

Marsh Posté le 12-02-2007 à 21:13:07    

ah oui mais là c'est beaucoup plus complexe ...

Reply

Sujets relatifs:

Leave a Replay

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