Javascript problem.

[Davey-UK]

Maybe someone can help here?

If i add a javascript banner rotator in my head template, all is fine until i try to use the BB code, or insert smilies. (Not in wysiwyg). When clicking on BBcode, or smilies it shoots me to the top of the page, and inserts nothing.

If i remove the java from my header all works fine!
I notice that exactly the same happens on this site.

I really want to add this javascript banner rotator, but as i said, it seems to be conflicting with other functions of the board.

Is there another way to get round this problem?

Thanks in advance for any help.

ps As i said, i get the same problem on here also. Maybe something to do with your online users addition in the header? Has anyone else got this problem here?
Dave

[Princeton]

try changing the funtion name of the banner rotater

[Davey-UK]

try changing the funtion name of the banner rotater

More info please?

This is the script that i added.


<script language="JavaScript1.2">


var slideshow_width='120px' //SET SLIDESHOW WIDTH (set to largest image's width if multiple dimensions exist)
var slideshow_height='60px' //SET SLIDESHOW HEIGHT (set to largest image's height if multiple dimensions exist)
var pause=4000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)

var dropimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed

dropimages[0]="/image-1343441-10294448"
dropimages[1]="/image-1343441-5048052"
dropimages[2]="/image-1343441-10303754"
dropimages[3]="/image-1343441-5590692"
dropimages[4]="/affiliateimages/home_books.gif"

var droplinks=new Array()
//SET IMAGE URLs. Extend or contract array as needed
droplinks[0]="/click-1343441-10294448" target="_blank"
droplinks[1]="/click-1343441-5048052" target="_blank"
droplinks[2]="/click-1343441-10303754" target="_blank"
droplinks[3]="/click-1343441-5590692" target="_blank"
droplinks[4]="/exec/obidos/redirect-home?tag=yewlandspast-21&site=books" target="_blank"

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

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height :'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height :'+slideshow_height+';top:-'+slideshow_height+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height :'+slideshow_height+';top:-'+slideshow_height+'"></div></div>')
else
document.write('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')

var curpos=parseInt(slideshow_height)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}

function rotatelink(){
window.location=droplinks[linkindex]
}

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

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>



By the way, BB code tags had to be entered manually to make this code because of my problem with this board also.

Thanks

[Davey-UK]

Bump.

Any ideas how to add java into the header without affecting the BB code and smilies?