Bonjour,
Aprés de longues recherches, je tente ma chance auprés de vous... avec peut etre au final un Miracle
Voila j'ai récupéré un petit script de scroll, qui répond 100% a mon
besoin. Sous IE pas de probleme, en revanche sous Firefox ca ne marche
pas du tout !
Voici le source de ma page (ci aprés mon message)
Je précise que j'utilise les balises <span> dans le tableau
contenant les chaines de caracteres a afficher pour la mise en forme.
Alors je ne sais pas ce qui ne vas pas. Sous IE ca défille
parfaitement. Sous Firefox les calcques se supperposent et il n'y a
aucun mouvement.
Alors si quelqu'un pouvait se pencher sur mon soucis, m'indiquer une
solution, une piste, un lien. Je sais qu'il existe d'autre scripts qui
font la meme choses mais ils sont souvent compliqués, et je n'en ai pas
trouvé qui permettent de mettre mon contenu en tableau.
Merci a vous
ThonyBoy
(PS : Existe t'il un outils de dev sous Firefox ?)
------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Ma superbe page qui marche pas</title>
<script language="JavaScript1.2">
<!--
var scrollerwidth=300
var scrollerheight=180
var pausebetweenimages=5000
var hSlideContent=new Array()
hSlideContent[0]='Bla bla du slide 0<br />'
hSlideContent[1]='Bla bla du slide 1<br />'
hSlideContent[2]='Bla bla du slide 2<br />'
hSlideContent[3]='Bla bla du slide 3<br />'
if (hSlideContent.length>1)
i=2
else
i=0
function locateObject(n, d) { //v3.0
var p,i,x;
if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n];
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=locateObject(n,d.layers[i].document);
return x;
}
function moveHTextFirstBlock(whichdiv)
{
if (document.all)
{
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5)
{
tdiv.style.pixelLeft=0
setTimeout("moveHTextFirstBlock(tdiv)",pausebetweenimages)
setTimeout("moveHTextSecondBlock('hTextSecond')",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1)
{
tdiv.style.pixelLeft-=5
setTimeout("moveHTextFirstBlock(tdiv)",10)
}
else
{
tdiv.style.pixelLeft=scrollerwidth+5
tdiv.innerHTML=hSlideContent[i]
if (i==hSlideContent.length-1)
i=0
else
i++
}
}
else
{
tlayer=eval(whichdiv)
if (tlayer.left>0&&tlayer.left<=5)
{
tlayer.left=0
setTimeout("moveHTextFirstBlock(tlayer)",pausebetweenimages)
setTimeout("moveHTextSecondBlock(locateObject('hTextSecond'))",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1)
{
tlayer.left-=5
setTimeout("moveHTextFirstBlock(tlayer)",10)
}
else
{
tlayer.left=scrollerwidth+5
tlayer.document.write(hSlideContent[i])
tlayer.document.close()
if (i==hSlideContent.length-1)
i=0
else
i++
}
}
}
function moveHTextSecondBlock(whichdiv)
{
if (document.all)
{
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5)
{
tdiv2.style.pixelLeft=0
setTimeout("moveHTextSecondBlock(tdiv2)",pausebetweenimages)
setTimeout("moveHTextFirstBlock('hTextFirst')",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("moveHTextSecondBlock('hTextSecond')",10)
}
else
{
tdiv2.style.pixelLeft=scrollerwidth+5
tdiv2.innerHTML=hSlideContent[i]
if (i==hSlideContent.length-1)
i=0
else
i++
}
}
else if (document.layers)
{
tlayer2=eval(whichdiv)
if (tlayer2.left>0&&tlayer2.left<=5)
{
tlayer2.left=0
setTimeout("moveHTextSecondBlock(tlayer2)",pausebetweenimages)
setTimeout("moveHTextFirstBlock(locateObject('hTextMain').document.layers['hTextFirst'])",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1)
{
tlayer2.left-=5
setTimeout("moveHTextSecondBlock(tlayer2)",10)
}
else
{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(hSlideContent[i])
tlayer2.document.close()
if (i==hSlideContent.length-1)
i=0
else
i++
}
}
}
function startHScroll(){
if (document.all)
{
locateObject('hTextSecond').style.left=scrollerwidth+5
locateObject('hTextSecond').visibility='visible'
moveHTextFirstBlock(locateObject("hTextFirst"))
}
else if (document.layers)
{
locateObject('hTextMain').visibility='show'
locateObject('hTextFirst').visibility='show'
locateObject('hTextSecond').left=scrollerwidth+5
locateObject('hTextSecond').visibility='show'
moveHTextFirstBlock(locateObject('hTextMain').document.layers['hTextFirst'])
}
}
//-->
</script>
<style type="text/css"><!--
@import url(../css/basic.css);
--></style>
</head>
<body bgcolor="#FFFFFF" onLoad="startHScroll()">
<div id="hTextMain" style=" color: #000000;
font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: left; visibility: visible; display: block; position:
absolute; z-index: 2; top: 0; left: 0; width: 200px; height: 180px;
overflow: hidden; clip: rect(0 auto auto 0);">
<div id="hTextFirst" style=" color: #000000;
font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: left; visibility: visible; display: block; padding: 1px;
position: absolute; z-index: 1; top: 1px; left: 2px; width: 200px;
overflow: hidden; clip: rect(0 auto auto 0);">
<script language="JavaScript">
document.write(hSlideContent[0])
</script>
</div>
<div id="hTextSecond" style=" color: #000000;
font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: left; visibility: visible; display: block; padding: 1px;
position: absolute; z-index: 0; left: 1px; width: 200px; overflow:
hidden; clip: rect(0 auto auto 0);">
<script language="JavaScript">
document.write(hSlideContent[1])
</script>
</div>
</div>
</body>
</HTML>