Bonjour à tous,
J'ai récupéré un script sur le net (http://www.mutant-x-fr.com)
<script language="JavaScript1.2">
ejs_scroll_largeur = 130;
ejs_scroll_hauteur = 100;
ejs_scroll_bgcolor = '#FFFFFF';
ejs_scroll_background = "";
ejs_scroll_pause_seconde = 3;
ejs_scroll_message = new Array;
ejs_scroll_message[0]='<strong>Le site du CETMEF fait peau neuve !!!</strong>';
ejs_scroll_message[1]='<strong>Un accès aux différentes rubriques grâce aux onglets horizontaux</strong>';
ejs_scroll_message[2]='<strong>Les derniers projets mis à jour, en page d\'accueil</strong>';
ejs_scroll_message[3]='<strong>Les différentes actualités du service, en page centrale</strong>';
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>
qui permet de faire défiler un zone de texte verticalement avec une pause entre chaque message.
Il est très sympa comme script mais il pose un problème avec Mozilla Firefox. Sur ma page en développement, j'utilise plusieurs balises "div" et quand le message passe au suivant, j'ai une de mes "div" qui scintille par dessus ma page.
Quelqu'un saurait m'expliquer pourquoi ?
Surtout que si je supprime une balise "div", le scintillement n'apparait plus
Merci de votre réponse
Stéphane