Slt,
J'ai trouver deux scriptes que je voudrais utiliser dans une page html.
Je voudrais savoir comment faire pour qu'il fonctionne ensemble ( si je
m'en mets qu'un il fonctionnent parfaitement sous firefox)
Voici mon code :
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style>
DIV.clC{
position:absolute;
background-color:#000088;
layer-background-color:#000088;
top:0; left:0;
z-index:500;
width:100%; height:100%}
</style>
<style>
.stHeadliner {font-family: arial;
font-size: 10pt;
font-weight: bold;
font-style: italic;
background: blue;
color: white}
</style>
<script>
// Le nombre de damiers (doit être divisible par le nombre de colonnes)
numbox=56
// Le nombre de colonnes
columns=7
// L'effet (de 0 à 3)
cliptype=3
// La vitesse de mouvement
clipspeed=5
// Le temps de pause avant l'effet
waitbeforeshowing=1000
///////////////////////////////////////////////////////////////
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
cliptp=new
Array('0,0,0,0','0,page.x2/columns,0,page.x2/columns','oC.clipy,page.x2/columns,oC.clipy,page.x2/columns','oC.clipy/2,oC.clipx/2,oC.clipy/2,oC.clipx/2')
function transInit(){
page=new makePageCoords()
oC=new Array();
oC.clipx=parseInt(page.x2/columns)
oC.clipy=parseInt((page.y2/numbox)*columns)
oC.row=numbox/columns
for(i=0;i<numbox;i++){
oC[i]=new makeObj('divC'+i)
if(bw.ie4 || bw.ie5){oC[i].css.width=oC.clipx; oC[i].css.height=oC.clipy;}
oC[i].clipTo(0,oC.clipx,oC.clipy,0)
for(j=1;j<=columns;j++){ //Placing boxes
if(i<oC.row*j){oC[i].moveIt(oC.clipx*(j-1),oC.clipy*(i-oC.row*(j-1))); break;}
}
}
setTimeout("unClip()",waitbeforeshowing)
}
function unClip(){
str=""
for(i=1;i<oC.length;i++){
str=str+'oC['+i+'].clipTo(tcurr,rcurr,bcurr,lcurr);'
}
eval("oC[0].clipIt("+cliptp[cliptype]+","+clipspeed+",'','"+str+"')")
}
var cliptim=0;
function makePageCoords(){
this.x=0;this.x2=(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-19;
this.y=0;this.y2=(bw.ns4 || bw.ns5)?innerHeight:document.body.offsetHeight-5;
this.x50=this.x2/2;
this.y50=this.y2/2;
this.x10=(this.x2*10)/100-5;this.y10=(this.y2*10)/100-5
this.x15=(this.x2*15)/100-5;this.y15=(this.y2*15)/100-5; return this;}
function makeObj(obj,nest){nest=(!nest) ? '':'document.'+nest+'.'
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.clipIt=b_clipIt; this.clip=b_clip; this.clipactive=false;this.clipTo=b_clipTo; this.moveIt=b_moveIt;
this.obj = obj + "Object"; eval(this.obj + "=this"); return this}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}
function b_clipTo(t,r,b,l){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r
this.css.clip.bottom=b;this.css.clip.left=l
}else{this.css.clip="rect("+t+","+r+","+b+","+l+")";}}
function b_clipIt(tstop,rstop,bstop,lstop,step,fn,wh){
if(!fn) fn=null; if(!wh) wh=null; var clipval=new Array()
if(bw.dom || bw.ie4) {clipval=this.css.clip; clipval=clipval.slice(5,clipval.length-1);
clipval=clipval.split(' '); for(var i=0;i<4;i++){clipval[i]=parseInt(clipval[i])}
}else{clipval[0]=this.css.clip.top; clipval[1]=this.css.clip.right
clipval[2]=this.css.clip.bottom; clipval[3]=this.css.clip.left}
totantstep=Math.max(Math.max(Math.abs((tstop-clipval[0])/step),Math.abs((rstop-clipval[1])/step)),
Math.max(Math.abs((bstop-clipval[2])/step),Math.abs((lstop-clipval[3])/step)))
if(!this.clipactive)this.clip(clipval[0],clipval[1],clipval[2],clipval[3],(tstop-clipval[0])/totantstep,
(rstop-clipval[1])/totantstep,(bstop-clipval[2])/totantstep,
(lstop-clipval[3])/totantstep,totantstep,0, fn,wh)}
function b_clip(tcurr,rcurr,bcurr,lcurr,tperstep,rperstep,bperstep,lperstep,totantstep,antstep,fn,wh){
tcurr=tcurr+tperstep; rcurr=rcurr+rperstep; bcurr=bcurr+bperstep; lcurr=lcurr+lperstep
this.clipTo(tcurr,rcurr,bcurr,lcurr); eval(wh); if(antstep<totantstep){this.clipactive=true;antstep++
cliptim=setTimeout(this.obj+".clip("+tcurr+","+rcurr+","+bcurr+","+lcurr+","+tperstep+","
+rperstep+","+bperstep+","+lperstep+","+totantstep+","+antstep+",'"+fn+"','"+wh+"')",50)
}else{this.clipactive=false; eval(fn)}}
onload=transInit;
if(bw.bw){
for(i=1;i<numbox;i++){
document.write('<div id="divC'+i+'" class="clC"></div>')
}
}
</script>
<script LANGUAGE="Javascript">
<!--
// The Headliner +++ Jan Pijnacker
// Délai en millisecondes pour l'effet grow
growWait=90
// Délai en millisecondes pour l'effet expand
expandWait=120
// Délai en millisecondes pour l'effet défilement (scroll)
scrollWait=100
// Nombre de caractères pour la zone de défilement (scroll)
scrollWidth=30
// Nombre de lignes (utilisez autant de lignes que vous souhaitez)
lineMax=4
lines=new Array(lineMax)
// Définir les lignes (texte, url, effet, temps d'attente)
lines[1]=new Line("Bonjour !", "#", Expand, 2000)
lines[2]=new Line("Cliquez ici !", "#", Scroll, 1000)
lines[3]=new Line("Pour envoyer votre message ...", "#", Grow, 2500)
lines[4]=new Line("-- Merci ! --", "mailto:Vanlancker.Luc@ccim.be", Static, 4000)
///////////////// Ne plus rien modifier //////////////
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url){
top.location.href=url
}
// -->
</script>
</head>
<body onLoad="StartHeadliner()" onUnload="StopHeadliner()">
<img border="0" src="images/Haut/LOGO.gif" width="700" height="50"><form name="formDisplay">
<center><input class="stHeadLiner" type="button" name="buttonFace"
value="Bonjour !" onClick="GotoUrl(lines[lineNo].url)"></center>
</form></td></tr></table></div><div
id="divC0" class="clC"><table width="0%"
height="0%"><tr><td>
</body>
</html>
Merci
Nico