Discussion :

[swinia]

Bonjour tous le monde,

j'essay� de mettre un scrollbar dans un TD en passant par DIV
le probl�me est que le scrollbar ne s'affiche pas

ci-dessous 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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div id="com">
<table cellpadding="0" cellspacing="0" border="0" id="tabcomm" align="center" >
<script type="text/javaScript">
	if(lstResult)
	{
 
	for( var i = 0; i<lstResult.size(); i++)
	{
	for( var j = 0; j<lstResult.get(i).size(); j=j+2){
	document.write("<tr height=\"5%\">");
 
document.write("<td  width=\"5%\">"+lstResult.get(i).get(j+1)+"</td>");
 
document.write("<td width=\"40%\"><TEXTAREA id=\'"+lstResult.get(i).get(j)+"\' COLS=\"40\" ROWS=\"10\"></TEXTAREA></td>");
 
document.write("<td  width=\"20%\" ><div style=\"overflow:hidden;overflow-x: hidden;overflow-y: auto;overflow : -moz-scrollbars-vertical;height:5%; \" id=\'"+lstResult.get(i).get(j)+1+"\' >");
AfficheCommentaire(lstResult.get(i).get(j));
 
document.write("</div></td>");document.write("</tr>");
document.write("<tr height=\"20%\"><td></td>");
document.write("<td width=\"40%\"><img src=\"./images/Enregistrer.png\" style=\"margin-top:10px\" id=\"btnconsult\" onclick=\"EnregistrerComService('"+lstResult.get(i).get(j)+"');\" /></td><td></td>");
document.write("</tr>");
}
 
}
}
</script> 
</table>
</div>

J'ai essay� avec ce style aussi
overflow:scroll; overflow-x: hidden; overflow-y:scroll;

ca m'affiche un scrollbar mais gris� je n'ai pas la barre de d�fillement meme si j'ai des centaines de ligne qui s'affiche

Merci de votre aide

[dragonno]

Salut

T'est oblig� de le faire avec document.write() ?

C'est � d�conseiller comme �criture sur une page.

Tu peux essayer de mettre ton composant dans le TD directement non ?

<td>composant</td>

Et lui l� : lstResult il est d�fini quelque part sinon ?

[swinia]

Merci pour ta r�ponse

"LstResult" est declar� dans un JS on utilise des applets .

� part le document.write, je ne vois pas comment le faire?
le code est ins�r� dans la balise JavaScript

[Kaamo]

� part le document.write, je ne vois pas comment le faire?

Avec document.createElement et element.appendChild()

if(lstResult.length > 0)� la place de if(lstResult)

Sinon il faut param�trer une taille width / height pour ta div si tu veux qu'une scrollbar verticale apparaisse !
overflow:auto pour les scrollbar qui apparaissent seulement si le contenu de la div d�passe les width / height param�tr�es.
overflow:scroll si tu veux forcer les barres de scroll m�me si le contenu passe sans "d�border".

Si tu ne veux que la verticale : overflow-y:auto // ou scroll
Si tu ne veux que l'horizontal : overflow-x:auto // ou scroll

[Lorenzo77]

salut,

le probleme ne concerne pas le JS mais plutot les CSS.

sinon voici un exemple qui fonctionne : http://jsfiddle.net/LorenzoFR/vQ3GQ/


--------
kamo a donn� la r�ponse !
par contre il ne faut pas utiliser overflow-y ou overflow-x qui n'est pas compatible avec tous les navis