Compatible Firefox boite de news

Bonjour,

Voila j'ai fais ce que tu m'as dit sur toute les foncions, mais ca ne marche toujours pas, j'ai essayer d'enlever les guillement sur le first2 mais pareil, donc je te file le code en entier, si tu peux verifier si tout est correct car je m'y connais pas trop en javascript, voila encore merci de ton aide, esperant que tu pourra m'aider sur ce probleme

<SCRIPT Language="JavaScript1.2" >
 
//Configurer ici les aspects de la fenêtre defilante
var scrollerwidth=168 //largeur
var scrollerheight=123 //hauteur
var scrollerbgcolor='' //couleur de fond
//laisser la variable suivante vide si vous n'utilisez pas d'image de fond
var scrollerbackground=''
 
//configurer les differents message qui apparaiteront
var messages=new Array()
<?
for($for=0; $for<=$plus; $for++)
{
echo"messages[$for]=\"$messages[$for]\"
";
}
?>
 
///////Ne pas editer sous cette ligne///////////////////////
if (messages.length>1)
i=2
else
i=0

//

function move1(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move1('" + div_ +"')",1000);
      setTimeout("move2('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move1('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function move2(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move2('" + div_ +"')",1000);
      setTimeout("move1('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move2('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function move3(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move3('" + div_ +"')",1000);
      setTimeout("move4('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move3('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function move4(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move4('" + div_ +"')",1000);
      setTimeout("move3('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move4('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}
//

//------------------
function startscroll(){
  move3('first2')      // Note que first2 est entre guillemets
  second2.style.top=scrollerheight
  second2.style.visibility='visible'
}

else if (document.layers){document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
 
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1])
</script>
</layer>
</ilayer>
 
<script language="JavaScript1.2">
if (document.all){document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>

Bonjour,

Merci ecoute j'ai fais ce que tu m'as dit mise a part :

Obj.innerHTML=messages[i]; et non pas 2 pour avoir une rotation des messages.

que je comprend pas, avec le code qu'il y a juste en dessous les modife que tu m'as dit on je pense été bien effectuer, sauf que maintenant le script ne marche pas sur internet explorer car je présume que j'ai pas tout modifer, donc si tu peux le revoir une derniere fois s'il te plait pour voir ou il ya eventuellement des erreurs et me rajouté la ligne :

Obj.innerHTML=messages[i]; et non pas 2 pour avoir une rotation des messages.

que j'ai pas pue mettre !

Voila en te remerciant encore par avance de ton aide précisieuse.

Nouveau Code :

<SCRIPT Language="JavaScript1.2" >
 
//Configurer ici les aspects de la fenêtre defilante
var scrollerwidth=168 //largeur
var scrollerheight=123 //hauteur
var scrollerbgcolor='' //couleur de fond
//laisser la variable suivante vide si vous n'utilisez pas d'image de fond
var scrollerbackground=''
 
//configurer les differents message qui apparaiteront
var messages=new Array()
<?
for($for=0; $for<=$plus; $for++)
{
echo"messages[$for]=\"$messages[$for]\"
";
}
?>
 
///////Ne pas editer sous cette ligne///////////////////////
if (messages.length>1)
i=2
else
i=0

function move3(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move3('" + div_ +"')",1000);
      setTimeout("move4('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move3('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function move4(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move4('" + div_ +"')",1000);
      setTimeout("move3('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move4('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function startscroll(){
  var Obj = document.getElementById('second2');
  move3('first2');
  if( Obj){
    Obj.style.top=scrollerheight +"px";
    Obj.style.visibility='visible';
  }
}

else if (document.layers){document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
 
</script>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1])
</script>
</layer>
 
<SCRIPT TYPE="text/javascript">
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:' +scrollerwidth +';height:' +scrollerheight +';clip:rect(0 ' +scrollerwidth +' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:' +scrollerwidth +'; left:0; top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
</script>

 
 Bonjour...

en ce que'il faut enlever
en ce qu'il faut modifier

C'est parti...

<SCRIPT Language="JavaScript1.2" >
<SCRIPT TYPE="text/javascript">
//Configurer ici les aspects de la fenêtre defilante
var scrollerwidth=168 //largeur
var scrollerheight=123 //hauteur
var scrollerbgcolor='' //couleur de fond
//laisser la variable suivante vide si vous n'utilisez pas d'image de fond
var scrollerbackground=''
 
//configurer les differents message qui apparaiteront
var messages=new Array()
<?
for($for=0; $for<=$plus; $for++)
{
echo"messages[$for]=\"$messages[$for]\"
";
}
?>
///////Ne pas editer sous cette ligne///////////////////////
if (messages.length>1)
  i=2
else
  i=0

function move3(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move3('" + div_ +"')",1000);
      setTimeout("move4('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move3('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      Obj.innerHTML=messages[i];

      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function move4(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move4('" + div_ +"')",1000);
      setTimeout("move3('second2')",1000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move4('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[2];
      Obj.innerHTML=messages[i];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function startscroll(){
  var Obj = document.getElementById('second2');
  move3('first2');
  if( Obj){
    Obj.style.top=scrollerheight +"px";
    Obj.style.visibility='visible';
  }
}

else if (document.layers){document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll;
</script>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1])
</script>
</layer>
 
<SCRIPT TYPE="text/javascript">
document.writeln('<span id="main2" style="position:relative; width:' +scrollerwidth +';height:' +scrollerheight +';overflow:hiden;background-color:' +scrollerbgcolor +' ;background-image:url(' +scrollerbackground +')">');
document.writeln('<div style="position:absolute;width:' +scrollerwidth +';height:' +scrollerheight +';clip:rect(0 ' +scrollerwidth +' '+scrollerheight+' 0);left:0;top:0">');
document.writeln('<div id="first2" style="position:absolute;width:' +scrollerwidth +'; left:0; top:1;">');
document.write(messages[0]);
document.writeln('</div>');
document.writeln('<div id="second2" style="position:absolute;width:' +scrollerwidth +';left:0;top:0;visibility:hidden">')
document.write(messages[1]);
document.writeln('</div>');
document.writeln('</div>');
document.writeln('</span>');
</script>

;0)

for( var i=0; i < 2; i++)
  documemnt.write('RIEN');

c'est quoi ? je comprend pas !


et une derniere chose, on peut rien faire pour que ca marche aussi sur netscape ? car c'est deja bien qu'il marche sur ie et firefox mais le 3eme le plus courament utilisé ne marche pas :(

code final :

<SCRIPT TYPE="text/javascript">
//Configurer ici les aspects de la fenêtre defilante
var scrollerwidth=168 //largeur
var scrollerheight=123 //hauteur
var scrollerbgcolor='' //couleur de fond
//laisser la variable suivante vide si vous n'utilisez pas d'image de fond
var scrollerbackground=''
 
//configurer les differents message qui apparaiteront
var messages=new Array()
<?
for($for=0; $for<=$plus; $for++)
{
echo"messages[$for]=\"$messages[$for]\"
";
}
?>
///////Ne pas editer sous cette ligne///////////////////////
if (messages.length>1)
  i=2
else
  i=0

function move3(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move3('" + div_ +"')",5000);
      setTimeout("move4('second2')",5000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move3('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[i];

      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function move4(div_){
  var Obj = document.getElementById( div_);
  if( Obj){
    var PosY = Obj.offsetTop;
    if( PosY > 0 && PosY <= 5){
      Obj.style.top = "0px";
      setTimeout("move4('" + div_ +"')",5000);
      setTimeout("move3('second2')",5000);
      return;
    }
    if( PosY >= Obj.offsetHeight*-1){
      Obj.style.top = (PosY -5)+"px";
      setTimeout("move4('" + div_ +"')",100);
    }
    else{
      Obj.style.top=scrollerheight +"px";
      Obj.innerHTML=messages[i];
      if( i==messages.length-1)
        i=0;
      else
        i++;
    }
  }
}

function startscroll(){
  var Obj = document.getElementById('second2');
  move3('first2');
  if( Obj){
    Obj.style.top=scrollerheight +"px";
    Obj.style.visibility='visible';
  }
}

window.onload=startscroll;
</script>
 
<SCRIPT TYPE="text/javascript">
document.writeln('<span id="main2" style="position:relative; width:' +scrollerwidth +';height:' +scrollerheight +';overflow:hiden;background-color:' +scrollerbgcolor +' ;background-image:url(' +scrollerbackground +')">');
document.writeln('<div style="position:absolute;width:' +scrollerwidth +';height:' +scrollerheight +';clip:rect(0 ' +scrollerwidth +' '+scrollerheight+' 0);left:0;top:0">');
document.writeln('<div id="first2" style="position:absolute;width:' +scrollerwidth +'; left:0; top:1;">');
document.write(messages[0]);
document.writeln('</div>');
document.writeln('<div id="second2" style="position:absolute;width:' +scrollerwidth +';left:0;top:0;visibility:hidden">')
document.write(messages[1]);
document.writeln('</div>');
document.writeln('</div>');
document.writeln('</span>');
</script>