Discussion :

[luisattack]

Bonjour,

Je travaille sur une application utilisant du web, et donc des fonctions déjà toutes préparées que je peux réutiliser.

Dans mon cas il s'agit de code permettant d'obtenir facilement un tableau avec scrollbar automatique sur le tableau si il dépasse la taille de la page web. (et non un scrollbar sur toute la page, j'espère que je suis assez clair...)

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<!-- tables with fixed column headers -->
 
function ScrollTableHeaderBegin(tableID, summary="", tabIndex=0);
`
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TD class=listcontainer>
<div id="`tableID`:elementDiv" style="width:100%">
<div id="`tableID`:tableDiv">
  <div style="position:relative; margin-top:0px; left: 0px; z-index:51;" >
  <TABLE `accTabindex(tabIndex)` border=0 cellspacing=1 cellpadding=2 summary="`strMaskExt(summary, 1)`" id="`tableID`:headertable">
`
end;
 
function ScrollTableHeaderEnd();
`
  </table>
  </div>
`
end;
 
function ScrollTableBodyBegin(tableId, tabIndex=0);
`
  <div id="`tableId`:contentDiv" style="width:100%">
  <div id="`tableId`:dummy" style="width:100%">
  <TABLE `accTabindex(tabIndex)` border=0 cellspacing=1 cellpadding=2 id="`tableId`:contenttable"
	style="margin-top: -1px">
`
end;
 
function ScrollTableBodyEnd();
`
  </TABLE>
  </div>
  </div>
</div>
</div>
</TABLE>
`
end;

Je l'utilise pour mes pages web et ça fonctionne très bien, mais il y a un point qui m'embête. Quand la scrollbar verticale apparait, une scrollbar horizontale apparait également, mais elle ne sert à rien. Est-ce que vous savez d'où peux venir le problème et comment le corriger ?

voici ce que ça donne :


Merci de votre aide !

[luisattack]

En fait j'ai trouvé tout seul :

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
33
34
35
36
37
38
39
40
<!-- tables with fixed column headers -->
 
function ScrollTableHeaderBegin(tableID, summary="", tabIndex=0);
`
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TD class=listcontainer>
<div id="`tableID`:elementDiv" style="width:100%">
<div id="`tableID`:tableDiv">
  <div style="position:relative; margin-top:0px; left: 0px; z-index:51;" >
  <TABLE `accTabindex(tabIndex)` border=0 cellspacing=1 cellpadding=2 summary="`strMaskExt(summary, 1)`" id="`tableID`:headertable">
`
end;
 
function ScrollTableHeaderEnd();
`
  </table>
  </div>
`
end;
 
function ScrollTableBodyBegin(tableId, tabIndex=0);
`
  <div id="`tableId`:contentDiv" style="width:100%" style="overflow-x:hidden;">
  <div id="`tableId`:dummy" style="width:100%">
  <TABLE `accTabindex(tabIndex)` border=0 cellspacing=1 cellpadding=2 id="`tableId`:contenttable"
	style="margin-top: -1px">
`
end;
 
function ScrollTableBodyEnd();
`
  </TABLE>
  </div>
  </div>
</div>
</div>
</TABLE>
`
end;