Forum Clubic

Faire cohabiter deux scripts

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 :smiley:

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…)