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