par
Cyrano » 28 sept. 2005, 17:57
Je viend de passer une petite demi-heure à remettre ça à peu près droit et à supprimer quelques messages d'erreur: j'obtiens enfin un affichage, pas très beau, mais ça affiche :
<script type="text/javascript" language="JavaScript1.2">
//configurer les 3 variables suivantes pour la hauteur, la largeur et le fond de la zone defilante.
var scrollerwidth=220;
var scrollerheight=60;
var scrollerbgcolor='white';
//configurer les variables suivantes pour le contenu de vos messages.
var messages=new Array();
messages[0]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
messages[1]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
messages[2]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
messages[3]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
///////Do not edit pass this line///////////////////////
var i = (messages.length > 1) ? 2 : 0;
function move1(whichlayer)
{
tlayer = eval(whichlayer);
if (tlayer.top > 0 && tlayer.top == tlayer.document.height*-1)
{
tlayer.top-=5;
setTimeout("move1(tlayer)",100);
}
else
{
tlayer.top=scrollerheight;
tlayer.document.write(messages[i]);
tlayer.document.close();
i = (i==messages.length-1) ? 0 : i+1;
}
}
function move2(whichlayer)
{
tlayer2=eval(whichlayer);
if(tlayer2.top > 0 && tlayer2.top <= 5)
{
tlayer2.top=0;
setTimeout("move2(tlayer2)",5000);
setTimeout("move1(document.main.document.first)",5000);
return;
}
if(tlayer2.top >= tlayer2.document.height*-1)
{
tlayer2.top-=5;
setTimeout("move2(tlayer2)",100);
}
else
{
tlayer2.top=scrollerheight;
tlayer2.document.write(messages[i]);
tlayer2.document.close();
i = (i==messages.length-1) ? 0 : i+1;
}
}
function move3(whichdiv)
{
tdiv=eval(whichdiv);
if(tdiv.style.pixelTop > 0 && tdiv.style.pixelTop <= 5)
{
tdiv.style.pixelTop=0;
setTimeout("move3(tdiv)",5000);
setTimeout("move4(second2)",5000);
return;
}
if(tdiv.style.pixelTop >= tdiv.offsetHeight*-1)
{
tdiv.style.pixelTop-=5;
setTimeout("move3(tdiv)",100);
}
else
{
tdiv.style.pixelTop=scrollerheight;
tdiv.innerHTML=messages[i];
i = (i==messages.length-1) ? 0 : i+1;
}
}
function move4(whichdiv)
{
tdiv2=eval(whichdiv);
if(tdiv2.style.pixelTop > 0 && tdiv2.style.pixelTop <= 5)
{
tdiv2.style.pixelTop=0;
setTimeout("move4(tdiv2)",5000);
setTimeout("move3(first2)",5000);
return;
}
if(tdiv2.style.pixelTop >= tdiv2.offsetHeight*-1)
{
tdiv2.style.pixelTop-=5;
setTimeout("move4(second2)",100);
}
else
{
tdiv2.style.pixelTop=scrollerheight;
tdiv2.innerHTML=messages[i];
i = (i==messages.length-1) ? 0 : i+1;
}
}
function startscroll()
{
if(document.all)
{
move3(first2);
second2.style.top=scrollerheight;
}
else if (document.layers)
{
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};"></ilayer>
<layer id="first" left="0" top="1" width="&{scrollerwidth};">
<ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};">
<script type="text/javascript" language="JavaScript1.2">
if (document.layers)
{
document.write(messages[0]);
}
</script>
</ilayer>
</layer>
<layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide">
<script type="text/javascript" language="JavaScript1.2">
if (document.layers)
{
document.write(messages[1]);
}
</script>
</layer>
<script type="text/javascript" language="JavaScript1.2">
if (document.all)
{
document.write('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight);
document.writeln(';overflow:hiden;background-color:'+scrollerbgcolor+'">');
document.write('<div style="position:absolute;width:'+scrollerwidth);
document.writeln(';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">');
document.write(messages[1]);
document.writeln('<\/div>');
document.writeln('<\/div>');
document.writeln('<\/span>');
}
</script>
Et au moins on arrive à suivre un peu plus facilement quand le code n'est pas éparpillé aux quatre vents...
Je viend de passer une petite demi-heure à remettre ça à peu près droit et à supprimer quelques messages d'erreur: j'obtiens enfin un affichage, pas très beau, mais ça affiche :
[php]<script type="text/javascript" language="JavaScript1.2">
//configurer les 3 variables suivantes pour la hauteur, la largeur et le fond de la zone defilante.
var scrollerwidth=220;
var scrollerheight=60;
var scrollerbgcolor='white';
//configurer les variables suivantes pour le contenu de vos messages.
var messages=new Array();
messages[0]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
messages[1]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
messages[2]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
messages[3]="<p class=\"texte\" style=\"text-align: left;\"><a href=\"oral.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Préparation intensive à l'oral</a></p>\n"+
"<p class=\"texte\" style=\"text-align: left;\"><a href=\"complete.php\" onclick=\"javascript:window.open(this.href,'popup','resizable=0,height=690,width=550');return false;\" class=\"texte\" style=\"color: #c00; font-size: 10pt; font-weight: bold;\">Concours de septembre (écrit+oral)</a></p>";
///////Do not edit pass this line///////////////////////
var i = (messages.length > 1) ? 2 : 0;
function move1(whichlayer)
{
tlayer = eval(whichlayer);
if (tlayer.top > 0 && tlayer.top == tlayer.document.height*-1)
{
tlayer.top-=5;
setTimeout("move1(tlayer)",100);
}
else
{
tlayer.top=scrollerheight;
tlayer.document.write(messages[i]);
tlayer.document.close();
i = (i==messages.length-1) ? 0 : i+1;
}
}
function move2(whichlayer)
{
tlayer2=eval(whichlayer);
if(tlayer2.top > 0 && tlayer2.top <= 5)
{
tlayer2.top=0;
setTimeout("move2(tlayer2)",5000);
setTimeout("move1(document.main.document.first)",5000);
return;
}
if(tlayer2.top >= tlayer2.document.height*-1)
{
tlayer2.top-=5;
setTimeout("move2(tlayer2)",100);
}
else
{
tlayer2.top=scrollerheight;
tlayer2.document.write(messages[i]);
tlayer2.document.close();
i = (i==messages.length-1) ? 0 : i+1;
}
}
function move3(whichdiv)
{
tdiv=eval(whichdiv);
if(tdiv.style.pixelTop > 0 && tdiv.style.pixelTop <= 5)
{
tdiv.style.pixelTop=0;
setTimeout("move3(tdiv)",5000);
setTimeout("move4(second2)",5000);
return;
}
if(tdiv.style.pixelTop >= tdiv.offsetHeight*-1)
{
tdiv.style.pixelTop-=5;
setTimeout("move3(tdiv)",100);
}
else
{
tdiv.style.pixelTop=scrollerheight;
tdiv.innerHTML=messages[i];
i = (i==messages.length-1) ? 0 : i+1;
}
}
function move4(whichdiv)
{
tdiv2=eval(whichdiv);
if(tdiv2.style.pixelTop > 0 && tdiv2.style.pixelTop <= 5)
{
tdiv2.style.pixelTop=0;
setTimeout("move4(tdiv2)",5000);
setTimeout("move3(first2)",5000);
return;
}
if(tdiv2.style.pixelTop >= tdiv2.offsetHeight*-1)
{
tdiv2.style.pixelTop-=5;
setTimeout("move4(second2)",100);
}
else
{
tdiv2.style.pixelTop=scrollerheight;
tdiv2.innerHTML=messages[i];
i = (i==messages.length-1) ? 0 : i+1;
}
}
function startscroll()
{
if(document.all)
{
move3(first2);
second2.style.top=scrollerheight;
}
else if (document.layers)
{
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};"></ilayer>
<layer id="first" left="0" top="1" width="&{scrollerwidth};">
<ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};">
<script type="text/javascript" language="JavaScript1.2">
if (document.layers)
{
document.write(messages[0]);
}
</script>
</ilayer>
</layer>
<layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide">
<script type="text/javascript" language="JavaScript1.2">
if (document.layers)
{
document.write(messages[1]);
}
</script>
</layer>
<script type="text/javascript" language="JavaScript1.2">
if (document.all)
{
document.write('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight);
document.writeln(';overflow:hiden;background-color:'+scrollerbgcolor+'">');
document.write('<div style="position:absolute;width:'+scrollerwidth);
document.writeln(';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">');
document.write(messages[1]);
document.writeln('<\/div>');
document.writeln('<\/div>');
document.writeln('<\/span>');
}
</script>[/php]
Et au moins on arrive à suivre un peu plus facilement quand le code n'est pas éparpillé aux quatre vents...