Faire défiler un texte dans une cellule de tableau

Version imprimable

29/11/2005, 17h08
Furius

Faire défiler un texte dans une cellule de tableau

Bonjour à tous :wink:

Je voudrai faire défiler un texte du haut en bas dans une cellule de tableau, quelqu’un pourrait-il m’aider ?
29/11/2005, 17h12
SpaceFrog

javatwister à bien du nous mettre ça dans la faq ou dans les codes sources non ?
29/11/2005, 17h17
Furius

Bonjour SpaceFrog et merci :wink:

Je cehrche mais je ne vois rien.

S'est bien ici ?
http://java.developpez.com/
29/11/2005, 17h18
SpaceFrog

essaye de coller un div en overflow hidden et de jouer sur son scrolltop dans un setInterval
29/11/2005, 17h23
Furius

Pouriez vous me donner un exemple que j'eesaye de comprendre par ce que la s'est flou pour moi encore ?

ça pourrait donner un truc comme ça :

Code:

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
41
42
43
44
45
46
47
48
<body>
 
 
<table border="1" width="100%">
	<tr>
		<td width="33%">&nbsp;</td>
		<td width="33%">&nbsp;</td>
		<td width="34%">&nbsp;</td>
	</tr>
	<tr>
		<td width="33%">&nbsp;</td>
		<td width="33%">
			<div id="ecran" style='overflow:hidden;width:200px;height:20px;'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
</div>
 
		</td>
		<td width="34%">&nbsp;</td>
	</tr>
	<tr>
		<td width="33%">&nbsp;</td>
		<td width="33%">&nbsp;</td>
		<td width="34%">&nbsp;</td>
	</tr>
 
 
</table>
 
<script type='text/javascript'>
function ScrollDiv(){
	if(document.getElementById('ecran').scrollTop<document.getElementById('ecran').scrollHeight){
			document.getElementById('ecran').scrollTop=document.getElementById('ecran').scrollTop+2
			}
	else {document.getElementById('ecran').scrollTop=0;}
}
 
setInterval(ScrollDiv,100)
</script>
</body>
</html>

29/11/2005, 17h49
siddh

:bravo:
29/11/2005, 21h23
Furius

Merci beaucoup SpaceFrog :wink:

Sa fonctionne parfaitement bien, je vois s'est donc le <div id="ecran" style='overflow:hidden;width:200px;height:20px;'> qui passe dans la cellule du tableau, je penser pas que s'été possible, merci beaucoup :wink:
29/11/2005, 21h31
Furius

Pouriez vouos me dire comment faire une boucle ?
30/11/2005, 08h38
SpaceFrog

une boucle ?
en principe dans le code que je t'ai donné lorsque le scroll arrive en fin de page il se remet au départ ...
30/11/2005, 11h54
Furius

Hélas non il s'arrête.
01/12/2005, 16h22
SpaceFrog

ça vient du test en entrée de fonction:
suffit de tester quand il arrive en bas de scroll

Code:

if(document.getElementById('ecran').scrollTop<document.getElementById('ecran').scrollHeight-document.getElementById('ecran').offsetHeight){

à affiner
01/12/2005, 16h30
Furius

Bonjour SpaceFrog et merci beaucoup :wink:

Il faut que je place ce code entre les balises <div> </div> ?
01/12/2005, 16h36
SpaceFrog

non c'est pour remplacer la première ligne de la focntion...
et entre temps j'ai affiné le teste:

if(document.getElementById('ecran').scrollTop<(document.getElementById('ecran').scrollHeight-document.getElementById('ecran').offsetHeight)){-1
01/12/2005, 16h47
Furius

Vous voulez dire dans la première balise <div> comme ceci:

Code:

<div if(document.getElementById('ecran').scrollTop<(document.getElementById('ecran').scrollHeight-document.getElementById('ecran').offsetHeight)){-1>
01/12/2005, 16h50
SpaceFrog

non dans le script !!!

Citation:

<script type='text/javascript'>
function ScrollDiv(){
if(document.getElementById('ecran').scrollTop<document.getElementById('ecran').scrollHeight){
document.getElementById('ecran').scrollTop=document.getElementById('ecran').scrollTop+2
}
else {document.getElementById('ecran').scrollTop=0;}
}

setInterval(ScrollDiv,100)
</script>
01/12/2005, 16h52
Furius

Merci pour votre patience :wink:

Mais sa s'arrête toujours :wink:

normal j'ai pas remplacé le ligne ...
en fait le code serait :

Code:

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
 
<body>
 <div id="ecran" style='overflow:hidden;width:200px;height:200px;border:solid 1px green;'>
 <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
 
</div>
 
	<table>
      <td width="34%">&nbsp;</td>
   </tr>
   <tr>
      <td width="33%">&nbsp;</td>
      <td width="33%">&nbsp;</td>
      <td width="34%">&nbsp;</td>
   </tr>
 
 
<script type='text/javascript'>
function ScrollDiv(){
 
   if(document.getElementById('ecran').scrollTop<(document.getElementById('ecran').scrollHeight-document.getElementById('ecran').offsetHeight)){-1
         document.getElementById('ecran').scrollTop=document.getElementById('ecran').scrollTop+1
         }
   else {document.getElementById('ecran').scrollTop=0;}
}
 
setInterval(ScrollDiv,50)
</script> 
</body>

01/12/2005, 17h06
Furius

Merci beaucoup, cela marche parfaitement maitenant :wink: