Bjr,
Je voudrais faire cohabiter deux scripts identiques sur la meme page issu d’ici acestgratuit.free.fr…
j’ai créé un calque et positionné ds le body, ca fonctionne mais comment créer un second calque avec des messages différents ?
merci d’avance
Il suffit juste de modifier les variables qu’il faut :yeux2:
Au pire envoie ton script ici comme sa on tle modifie directement en ligne 
OUi justement mais ca je ne sais pas faire ; j’ai fait un copier coller du script ds le head, par deux fois, pour tenter d’avoir deux fenetres différentes …
Document sans nom
La page avec ce script serait plutôt sous la forme :
<!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=utf-8" />
<title>Document sans nom</title>
<script language="JavaScript1.2">
// Copyright Peter Gehrig and Urs Dudli at www.24fun.ch/
// If you add this script to a script-library or script-archive
// you have to add a hyperlink to www.24fun.ch on the webpage
// Le titre | le texte|le lien des messages
var message= new Array()
message[0]="titre du message1 | texte du message1 | lien associé au titre du message1"
message[1]="titre du message2 | texte du message2 | lien associé au titre du message2"
message[2]="titre du message3 | texte du message3 | lien associé au titre du message3"
// La hauteur de la boite de messages.
var scrollerheight=150
// La largeur de la boite de messages.
var scrollerwidth=160
// La distance par rapport au bord supérieur de la fenêtre.
var scrollertop=56
// La distance par rapport au bord gauche de la fenêtre.
var scrollerleft=34
// La distance entre le bord et le texte.
var scrollerpadding=5
// La largeur du bord de la boite de messages.
var backgroundborder=0
// La couleur de l'arrière-plan de la boite de messages.
var scrollerbgcolor="FFFFFF"
// Les attributs de la police du titre.
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=1
// Les attributs de la police du texte;
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=1
// Le temps de pause entre les message (en millisecondes).
var standstillfix=3000
////////////////////////////////////////////////
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight
var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg
var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20
var standstillflex=0
function initiate(){
contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
for (i=0;i<=message.length-1;i++) {
mes_joined=message[i]
mes_split=mes_joined.split("|")
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
}
contenttext+="</table>"
contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"
if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerpadding
document.scrollerbg.left=scrollerleft-scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
}
scroll()
}
function scroll(){
standstillflex=standstillfix
if (document.all){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.all.scrollertext.style.posTop<=-(totalheight)) {
document.all.scrollertext.style.posTop=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
if (document.layers){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.scrollertext.top<=-(totalheight)) {
document.scrollertext.top=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
}
</script>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:66px;
top:33px;
width:328px;
height:93px;
z-index:1;
}
-->
</style>
</head>
<body onLoad="initiate()" leftmargin="8" topmargin="8" marginwidth="8" marginheight="8">
<div id="scrollerbg" style="position:absolute;top:-1000px">
<p> </p>
</div><div id="scrollertext" style="position:absolute;top:-1000px">
<p> </p>
</div>
</body>
</html>
Mais bon si c’est juste un script pour faire défiler du texte jte propose plutôt un truc bien plus cour dans ce genre la :
Vertical :
<marquee behavior="scroll" direction="up" scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
Phrase 1<br />
Phrase 2<br />
Phrase 3
</marquee>
Horizontale :
<marquee behavior="scroll" direction="right" scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
Phrase 1<br />
Phrase 2<br />
Phrase 3
</marquee>
Aprés tu régle els paramètres comme tu veux (sens vitesse délait etc…)