Bonjour,

j'ai intégrer deux zones de textes défilantes dans la même page elle fonctionne mais la 1er zone de texte est en pause tant qu'on passe pas la  souris dessus cela est arrivé quand j'ai ajouté la 2 zone de texte dans la même page qui elle defile tout de suite comme il faudrait pour la 1ère zone de texte.

Voici le code :

<style>

 
#blocktoscroll {
              overflow:hidden;
              width: 100%;
              min-height: 58px;
              max-height: 120px;
           }
#blocktoscroll2 {
              overflow:hidden;
              width: 100%;
              min-height: 58px;
              max-height: 120px;
           }
</style>
<script type="text/javascript">
function initScroll(EltId, increment, timer, direction) {
            direction = direction.toLowerCase();
            var BlockScroll = document.getElementById(EltId); //On recupere l'element
               
            if (direction=="bt" || direction=="tb" ) {
               var FirstDiv = BlockScroll.insertBefore(document.createElement("div" ), BlockScroll.firstChild); //On cree un DIV au debut du bloc
               var LastDiv = BlockScroll.appendChild(document.createElement("div" )); //on cree un div à la fin du bloc
                 
               FirstDiv.style.height = BlockScroll.clientHeight+"px"; //On dimensionne le premier div de la hauteur du bloc
               LastDiv.style.height = BlockScroll.clientHeight+"px"; //idem pour le dernier div
            }
              
           eval(EltId+'Timer = setInterval("scrollElement(\'"+ EltId + "\'," + increment + ",\'" + direction +"\')",timer);'); //On lance la fonction qui va initialiser le scroll
          };
             
        function scrollElement(eltId, increment, direction) {
            var BlockScroll = document.getElementById(eltId);
            with (BlockScroll) {
                switch(direction) {
                    case "bt":
                        scrollTop += increment;
                        if (scrollTop+clientHeight>=scrollHeight) { scrollTop=0};
                        break;
                    case "tb":
                        scrollTop -= increment;
                        if (scrollTop<=increment) { scrollTop=scrollHeight};
                        break;
                }
            }
        };
        function repriseScroll(EltId, increment, timer, direction) {
            eval(EltId+'Timer = setInterval("scrollElement(\'"+ EltId + "\'," + increment + ",\'" + direction +"\')",timer);'); //On lance la fonction qui va initialiser le scroll
        };
        function pauseScroll(EltId) {
            clearInterval(eval(EltId+'Timer'));
        };
         
        window.onload=function() {
            initScroll("blocktoscroll", 1, 100, "bt" );
        };
		
	window.onload=ll("blocktoscroll2", 2, 100, "bt" );
        };
	</script>

le html idem que le deuxieme sauf le id qui est blocktoscroll2

<div id="blocktoscroll" onmouseover="pauseScroll('blocktoscroll')" onmouseout="repriseScroll('blocktoscroll', 1, 100,'bt' );" data-move="t2b" style="margin-top: 0px;">
        <ul>
		<?php
		foreach($managerContenuAvis->getList() as $ListAvis)
		{
		?>
           <li><blockquote><?php echo $ListAvis->getContenuAvis() ?></blockquote></li>
		<?php
		}
        ?> 
      </ul>
    </div>

Quelqu'un aurai une idée ?

Merci.