none
Problème d'affichage défilant sous IE8 RRS feed

  • Question

  • Bonjour,

    J'ai modifié un petit script de défilement de texte (assez répandu) en javascript.
    Il fonctionne admirablement sous FireFox et sous Chrome, mais donne un résultat horrible sous IE8.

    Pourriez-vous m'aider, SVP ?

    [code=js]<!-- DEBUT DU SCRIPT -->
    <!-- Définir le style CSS ici -->
    <STYLE TYPE="text/css">
    .ejs_scroll {color:#48365a;font-size: 11pt;display:block;padding-left:2px;font:bold 95% Verdana, Arial;margin:2;text-align:left;text-decoration:underline}
    </STYLE>

    <script type="text/javascript">
    <!--
    ejs_scroll_largeur = 343; 
    ejs_scroll_hauteur = 37; 
    ejs_scroll_bgcolor = ''; 
    ejs_scroll_background = ""; 

    /* temps en secondes */ 
    ejs_scroll_pause_seconde = 3; 
    ejs_scroll_message = new Array; 


    /* Messages */ 
    ejs_scroll_message[0]='<a href=http://www.site.com/t1.htm><span class=ejs_scroll>Texte numero 1</span></a>';
    ejs_scroll_message[1]='<a href=http://www.site.com/t2.htm><span class=ejs_scroll>Texte numero 2</span></a>';
    ejs_scroll_message[2]='<a href=http://www.site.com/t3.htm><span class=ejs_scroll>Texte numero 3</span></a>';
     
    function d(texte) 

        document.write(texte); 

    d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">'); 
    d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">'); 
    d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>'); 
    d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>'); 
    d('</DIV></DIV>'); 
     
    ejs_scroll_mode =1; 
    ejs_scroll_actuel = 0; 
     
    function ejs_scroll_start() 
        { 
        if(ejs_scroll_mode == 1) 
            { 
            ejs_scroller_haut = "ejs_scroller_1"; 
            ejs_scroller_bas = "ejs_scroller_2"; 
            ejs_scroll_mode = 0; 
            } 
        else 
            { 
            ejs_scroller_bas = "ejs_scroller_1"; 
            ejs_scroller_haut = "ejs_scroller_2"; 
            ejs_scroll_mode = 1; 
            } 
        ejs_scroll_nb_message = ejs_scroll_message.length-1; 
        if(ejs_scroll_actuel == ejs_scroll_nb_message) 
            ejs_scroll_suivant = 0; 
        else 
            ejs_scroll_suivant = ejs_scroll_actuel+1; 
        if(document.getElementById) 
            document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant]; 
        ejs_scroll_top = 0; 
        if(document.getElementById) 
            setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000) 
        } 
     
    function ejs_scroll_action() 
        { 
        ejs_scroll_top -= 1; 
        document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top; 
        document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur; 
        if((ejs_scroll_top+ejs_scroll_hauteur) > 0) 
            setTimeout("ejs_scroll_action()",10) 
        else 
            ejs_scroll_stop() 
        } 
     
    function ejs_scroll_stop() 
        { 
        ejs_scroll_actuel = ejs_scroll_suivant; 
        ejs_scroll_start() 
        } 
     
    window.onload = ejs_scroll_start;
    //--> 
    </script>
    <!-- FIN DU SCRIPT -->
    [/code]

    Merci d'avance pour votre aide.
    samedi 18 décembre 2010 15:55