Discussion :

[xanav]

Bonjour,

Je débute en HTML et Javascript et, après des heures de recherches sur internet, je suis toujours bloqué. Voici mon problème :
J'ai un tableau HTML dans lequel les 2 1ères lignes correspondent à une entête. La hauteur des cellules n'est pas fixe et je souhaiterais ré-insérer ces 2 lignes lorsque la hauteur de mon tableau dépasse un certain nombre de pixels. Toutes mes lignes sont identifiées par id=Lig0 (ou 0 = numéro de ligne).

Voici le script que j'ai écrit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var taille = 0;
var i = 0;
var trouve = false;
while(i<=32 && !trouve) //32 == Nb lignes
{
  i++;
  var ligne = document.getElementById('Lig'+i);
  taille = taille + ligne.clientHeight;
  if(taille > 700)
  {
     trouve = true;
     alert('taille = ' + taille + ' à partir de Lig' + i);
 
     var tableau = document.getElementById('TableLignes');
     var ligEntete = tableau.insertRow(i-1);
     var ligEntete1 = document.getElementById('Lig1Entete');
     for(var nbCel=0; nbCel<ligEntete1.cells.length; nbCel++)
     {
       var Cellule = ligEntete.insertCell(nbCel);
       Cellule.innerHTML = ligEntete1.cells(nbCel).innerHTML;
       if(nbCel==0 || nbCel==6) {Cellule.rowspan=2;}
     }
 
     var ligEntete = tableau.insertRow(i);
     var ligEntete2 = document.getElementById('Lig2Entete');
     for(var nbCel=0; nbCel<ligEntete2.cells.length; nbCel++)
     {
       var Cellule = ligEntete.insertCell(nbCel);
       Cellule.innerHTML = ligEntete2.cells(nbCel).innerHTML;
     }
  }
}

cela fonctionne bien sauf pour les cellules fusionnées. En effet, pour les colonnes 1 et 7, les cellules sont fusionnées sur les 2 lignes. Dans un premier temps, j'avais essayé de copier le innerHTML des 2 <Tr> mais j'avais une erreur inconnue. En copiant cellule par cellule, il m'insère bien mes cellules mais le rowspan ne semble pas fonctionner...

Merci d'avance pour votre aide.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

rowSpan

[xanav]

Noooon, pffff, depuis le temps que je me galère la dessus, je suis vraiment trop c** ...

Bon merci bien en tout cas ça à l'air de marché. Par contre j'aurais quand même une autre question :
Pourquoi ceci ne fonctionne pas à la place des boucles ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var ligEntete = tableau.insertRow(i);
ligEntete.innerHTML = document.getElementById('Lig1Entete').innerHTML;
 
ligEntete = tableau.insertRow(i+1);
ligEntete.innerHTML = document.getElementById('Lig2Entete').innerHTML;

Cela fait une erreur inconnu après le 1er insert, pourtant dans le debugger, "document.getElementById('Lig1Entete').innerHTML" me revoie bien ma suite de <td>. Si je pouvais le faire, ça m'éviterais d'écrire en dur dans mon code, la structure de mon entête.