Discussion :

[18carats]

Bonjour,

j'ai un tableau dont la premiere ligne est fixe puisqu'il s'agit des titres de colonnes. Le contenu de mon tableau est plutot conséquent. J'aimerai donc le mettre dans un "div style="overflow:auto" afin qu'il y ai une scrollbar a droite et que le contenu monte ou descende sans affecter la ligne de titres.

mon code ressemble actuellement a ca:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>
  <tr>
    <td>
      titre
    </td>
  </tr>
  <div style="overflow:auto;">
  <tr>
    <td>
      contenu
    </td>
  </tr>
</table>

Cela ne donne pas le résultat souhaité. Auirez vous une idée?
J'espère avoir été assez clair.
Merci par avance a tous.

Bonne journée

[HiRoN]

Salut,

Ton code n'est sémantiquement pas valide. Le div doit être à l'intérieur d'un td

Code HTML :

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

1
2
3
4
5
6
7
<table>
<tr>
<td>
<div>...</div>
</td>
</tr>
</table>

[laurentSc]

Bonjour,

je suis en train de regarder un bouquin sur le javascript, et j'ai justement vu un truc qui permet d'avoir une partie fixe, et une partie scrollable. Voici le code :

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
 
<table><tr><div id="pub" style="position: absolute;">
titre (fixe)
</div>
</tr><tr>
contenu
</tr></table>
<script language="Javascript">
var largim=61;
function bougePas() {
pub.style.left=parseInt(document.body.scrollLeft)+
parseInt(document.body.clientWidth)-largim-1005; //valeur à régler
pub.style.top=document.body.scrollTop+300; //valeur à régler
}
setInterval("bougePas()",200); // 200 ms
</script>

Je ne l'ai pas testé comme ça, surtout que la partie fixe soit une ligne de tableau, et la partie scrollable, une autre...
Ce code ne marche qu'avec IE ; si tu veux qu'il marche aussi sur NS, il faut en rajouter (je peux tout t'indiquer).

[laurentSc]

Vu le msg que je n'avais pas vu et qui vient d'arriver, je corrige mon code :

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
<table><tr><td><div id="pub" style="position: absolute;">
titre (fixe)
</div></td>
</tr><tr>
contenu
</tr></table>
<script language="Javascript">
var largim=61;
function bougePas() {
pub.style.left=parseInt(document.body.scrollLeft)+
parseInt(document.body.clientWidth)-largim-1005; //valeur à régler
pub.style.top=document.body.scrollTop+300; //valeur à régler
}
setInterval("bougePas()",200); // 200 ms
</script>