Discussion :

[Marie.B]

Bonjour

Je suis débutante en javascript et j'aurais aimé avoir un petit peu d'aide sur un morceau de code. Voilà mon objectif est de réaliser un texte défilant verticalement qui tourne en boucle. J'ai trouvé un morceau de code qui me convient compatible XHTML et avec Firefox et IE. Mais le problème est que le texte défilant repart dans le sens contraire de bas en haut et de haut en bas en boucle alors que je souhaite que ce texte défile en boucle de bas en haut.

Dans ce code j'arrive à modifier la vitesse , la forme CSS... mais pas le changement de sens. Si quelqu'un pouvait m'aider un peu pour me permettre de réaliser ce morceau de code javascript se serait sympas !

Merci d'avance

Page Html

Code :

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

1
2
3
4
5
6
7
 
<div class="menu_deroulant" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval('texteDefile()', 50)">
		<span id="menu_defile">
			<?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar('sidebar3') ) : ?>
			<?php endif; ?>
		</span>
</div>

Page JS

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
 
var menu_defile;//l'élement a déplacer
var pscrnt = 0;//position verticale de départ
 
function texteDefile()
{
   if (typeof this.sens == 'undefined')
      this.sens = 1;
   if(!menu_defile)
      menu_defile = document.getElementById('menu_defile');
   if((pscrnt < -menu_defile.offsetHeight) || (pscrnt > 0))
      this.sens *= -1;
   pscrnt += this.sens * 1;//sens * nb de pixel par déplacement vitesse de déplacement 
   menu_defile.style.top = pscrnt+"px";
}
var timer = setInterval("texteDefile()", 50);//délai de deplacement

Page CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.menu_deroulant
{
   height: 10em;
   text-align: center;
   overflow: hidden;
   position: relative;
}
 
#menu_defile
{
   position: relative;
}

[marts]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function texteDefile()
{
   if (typeof this.sens == 'undefined')
      this.sens = 1;
   if(!menu_defile)
      menu_defile = document.getElementById('menu_defile');
   /*if((pscrnt < -menu_defile.offsetHeight) || (pscrnt > 0))
      this.sens *= -1;*/
   pscrnt += this.sens * 1;//sens * nb de pixel par déplacement vitesse de déplacement 
   if (pscrnt>menu_defile.offsetParent.offsetHeight) pscrnt=-menu_defile.offsetHeight;
   menu_defile.style.top = pscrnt+"px";
}

[Marie.B]

MERCI beaucoup !!!!! le texte ne vas plus dans des sens contraire

Par contre maintenant le texte défile de haut en bas alors qu'il doit défiler de bas en haut.

[marts]

Tu as tout ce qu'il faut pour corriger ça.