Javascript-Variablen aus php auslagern und per inc zurückholen?
schorse
- javascript
Hi,
ich habe ein Kerndokument index.php in das am Seitenkopf bzw. -fuß mittels include ein für alle Dokumente gleicher Header bzw. Footer eingebunden wird. Beides funktioniert problemlos.
Nun würde ich gerne die Variablen eines in der index.php stehenden Javascriptes das zum Erzeugen eines Newsbereiches dient (s.u.) gerne ebenfalls auslagern, komme aber damit nicht klar.
Vielleicht hat ja jemand von Euch einen Tipp wie ich die Passage:
scrollercontent[0]='<span class="scrolltext"><center><br>Herzlich willkommen auf unserer Homepage</center></span>'
scrollercontent[1]='<span class="scrolltext"><center><br><b>Jugendarbeit in Sachsen</b></center></span>'
in eine extra Datei auslagere? Ziel der "Aktion" ist es zu vermeiden, daß die unerfahrenen User das Script durcheinanderwirbeln, wenn sie den Content mittels Texteditor verändern (Anm.: Es nutzt mir also nur wenig, das Javascript als Ganzes auszulagern.)
Danke im Voraus
Georg
Da ich leider keinen blassen Schimmer habe, weshalb das Auslagern nicht klappt, hier der ganze Text des Scripts:
<script language="JavaScript1.2">
var scroller_width=86
var scroller_height=120
var bgcolor='#FFFFFF'
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]='<span class="scrolltext"><center><br>Herzlich willkommen auf unserer Homepage</center></span>'
scrollercontent[1]='<span class="scrolltext"><center><br><b>Jugendarbeit in Sachsen</b></center></span>'
////NO need to edit beyond here/////////////
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("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=1000
// degree war urspruenglich bei 10 fuer langsames scrollen
// 1000 steht fuer Einblenden an gleicher Stelle
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos
}
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=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=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=scroller_height*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos
}
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>