Voir le sujet - problème fenetre de texte defilant >> Aide à la conception de sites internet

Inscrit le: 06 Jan 2006

Bonjour @ tous,

je rencontre un problème avec le script de texte défilant.

je mets simplement le script suivant dans une page vierge et ca ne fonctionne pas.

Sous Firefox : tous les messages s'affichent les auns au dessus des autres et rien ne defile
Sous IE6 : a la première apparition, les deux premiers messages se superposent et le defilement commence aprés mais de façon bizarre.
Il m'est de plus impossible de mettre une couleur de fond.

Je ne suis pas trés aguéri en javascript alors si quelqu'un peut maider...

voila le script :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body onload="ejs_scroll_start();">

<script language="JavaScript1.2">

/*
Script téléchargé sur EasyScript (http://www.easy-script.com)

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT (http://www.editeurjavascript.com)
*/

ejs_scroll_largeur = 200;
ejs_scroll_hauteur = 150;
ejs_scroll_bgcolor = '#B8C8FE';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 5;

ejs_scroll_message = new Array;

ejs_scroll_message[0]='<a href="http://www.easy-script.com">Bienvenue sur EasyScript !</a>';
ejs_scroll_message[1]='<a href="http://www.easy-script.com/javascript.php">Découvrez les JavaScripts ! </a>';
ejs_scroll_message[2]='<a href="http://www.easy-script.com/dhtmlscript.php">Et aussi les scripts dynamiques !</a>';
ejs_scroll_message[3]='<a href="http://www.easy-script.com/chat/phpmychat.php3">Venez vite sur le chat !</a>';
ejs_scroll_message[4]='<a href="http://www.easy-script.com/forum/index.php">Si vous avez un problème il y a le forum !</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()
}
</SCRIPT>

</body>
</html>

Inscrit le: 07 Sep 2004

Salut,

Enlève la 1ère ligne et tout s'éclairera pour toi:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">