Faire défiler un texte dans une cellule de tableau

**Furius** · 29/11/2005, 17h08

Bonjour à tous

Je voudrai faire défiler un texte du haut en bas dans une cellule de tableau, quelqu’un pourrait-il m’aider ?

**SpaceFrog** · 29/11/2005, 17h12

javatwister à bien du nous mettre ça dans la faq ou dans les codes sources non ?

**Furius** · 29/11/2005, 17h17

Bonjour SpaceFrog et merci

Je cehrche mais je ne vois rien.

S'est bien ici ?
http://java.developpez.com/

**SpaceFrog** · 29/11/2005, 17h18

essaye de coller un div en overflow hidden et de jouer sur son scrolltop dans un setInterval

**Furius** · 29/11/2005, 17h23

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

**SpaceFrog** · 29/11/2005, 17h40

ça pourrait donner un truc comme ça :

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
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>

**siddh** · 29/11/2005, 17h49

**Furius** · 29/11/2005, 21h23

Merci beaucoup SpaceFrog

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

**Furius** · 29/11/2005, 21h31

Pouriez vouos me dire comment faire une boucle ?

**SpaceFrog** · 30/11/2005, 08h38

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 ...

**Furius** · 30/11/2005, 11h54

Hélas non il s'arrête.

**SpaceFrog** · 01/12/2005, 16h22

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

Code :

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

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

à affiner

**Furius** · 01/12/2005, 16h30

Bonjour SpaceFrog et merci beaucoup

Il faut que je place ce code entre les balises <div> </div> ?

**SpaceFrog** · 01/12/2005, 16h36

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

**Furius** · 01/12/2005, 16h47

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

Code :

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

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

**SpaceFrog** · 01/12/2005, 16h50

non dans le script !!!

**Furius** · 01/12/2005, 16h52

Merci pour votre patience

Mais sa s'arrête toujours

**SpaceFrog** · 01/12/2005, 17h00

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

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
 
<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>

**Furius** · 01/12/2005, 17h06

Merci beaucoup, cela marche parfaitement maitenant

Faire défiler un texte dans une cellule de tableau

JavaScript

Discussions similaires

Partager

Partager