Bonjour à tous![]()
Je voudrai faire défiler un texte du haut en bas dans une cellule de tableau, quelqu’un pourrait-il m’aider ?
Bonjour à tous![]()
Je voudrai faire défiler un texte du haut en bas dans une cellule de tableau, quelqu’un pourrait-il m’aider ?
javatwister à bien du nous mettre ça dans la faq ou dans les codes sources non ?
Bonjour SpaceFrog et merci![]()
Je cehrche mais je ne vois rien.
S'est bien ici ?
http://java.developpez.com/
essaye de coller un div en overflow hidden et de jouer sur son scrolltop dans un setInterval
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 : 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%"> </td> <td width="33%"> </td> <td width="34%"> </td> </tr> <tr> <td width="33%"> </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%"> </td> </tr> <tr> <td width="33%"> </td> <td width="33%"> </td> <td width="34%"> </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>
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![]()
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 ...
ça vient du test en entrée de fonction:
suffit de tester quand il arrive en bas de scroll
à affiner
Code : Sélectionner tout - Visualiser dans une fenêtre à part if(document.getElementById('ecran').scrollTop<document.getElementById('ecran').scrollHeight-document.getElementById('ecran').offsetHeight){
Bonjour SpaceFrog et merci beaucoup![]()
Il faut que je place ce code entre les balises <div> </div> ?
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
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>
non dans le script !!!
<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>
Merci pour votre patience![]()
Mais sa s'arrête toujours![]()
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%"> </td> </tr> <tr> <td width="33%"> </td> <td width="33%"> </td> <td width="34%"> </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>
Merci beaucoup, cela marche parfaitement maitenant![]()
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager