come fare un file .js esterno!?

[ondesulcorpo]

Salve ho questo codice che genera del testo scorrevole in un box rettangolare, vorrei far in modo di inseirrlo in un file js esterno, in modo da dover cambiare solo questo file, invece che fare le modifiche in tutti i file html dove voglio inserire il testo scorrevole!
Il punto è che non so come si fa...

Questo è il codice javascript:

<script language="JavaScript1.2">

//Translucent scroller- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var scroller_width='150px'
var scroller_height='115px'
var bgcolor='#E0EFD1'
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='Visit our partner site Freewarejava.com for free Java applets!'
scrollercontent[1]='Got JavaScript? JavaScript Kit is the most comprehensive JavaScript site online.'
scrollercontent[2]='Link to Dynamic Drive on your site. Please visit our links page.'


////NO need to edit beyond here/////////////

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.i ndexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+'; height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height: '+scroller_height+';top:'+scroller_height+';filter :alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height: '+scroller_height+';top:'+scroller_height+';filter :alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}

var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=documen t.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacit y=document.getElementById("canvas1").style.MozOpac ity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}

function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (ie4||dom||document.layers)
window.onload=startit

</script>

Grazieeee

[mr.click]

crei un file .js e ci copi dentro il tuo codice.
Poi nell HEAD delle pagine in cui ti serve quel javascript inserisce

<script type="text/javascript" language="javascript" src="percorso_del_file.js" />

Se invece il codice non devi solo includerlo ma devi eseguirlo (al caricamento della pagina), metti la riga precedente nel body. Nell'head si fanno solo delle inclusioni di script che serviranno poi ad effettuare determinate azioni.

[ondesulcorpo]

Ho creato un file
prova.js

contenente la definizione delle var. e delle funzioni:
var pausecontent=new Array()
pausecontent[0]='prova1'
pausecontent[1]='prova2'
pausecontent[2]='prova3'


var pausecontent2=new Array()
pausecontent2[0]='News.com: Technology and business reports'
pausecontent2[1]='CNN: Headline and breaking news 24/7'
pausecontent2[2]='BBC News: UK and international news'


function pausescroller(content, divId, divClass, delay){
this.content=content //message array content........................
.....................
....................etc etc


poi nell'HEAD del file html, ho inserito la definizione del file esterno
<script src="doc/sudinoi.js" type="text/javascript"></script>

e dentro al BODY ho inserito questo:
<script type="text/javascript">
new pausescroller(pausecontent, "pscroller1", "title", 3000)
document.write("
XXX prova1234567890")
new pausescroller(pausecontent2, "pscroller2", "title", 2000)
</script>



--> però non fungeee!
non mi fa nulla...aiuto, credevo che andasse bene così!!