hbk_star2006
07-05-2009, 06:25 PM
Hi friends
Please help to remove this error from my webpage.
Error is : "scroll1 is undefined" scroll1 is a variable which it says undefined.
I dont know how to define it.
Please read it carefully first before coming to any conclusion.
Please take a look to this code.
#############################################
<HTML>
<HEAD>
<TITLE>Horizontal Image Scroller 3</TITLE>
<script type="text/javascript">
<!--
// Jeff
// www.huntingground.freeserve.co.uk
// ********** User Defining Area **********
data=[
["images/netflix_logo.gif","Alt / Title text for image 1",""],
["images/lavalife_logo.gif","Alt / Title text for image 2",""],
["images/carsdirect_logo.gif","Alt / Title text for image 3",""],
["images/delta_logo.gif","Alt / Title text for image 4",""],
["images/disneyshopping_logo.gif","Alt / Title text for image 5",""],
["images/enterprise_logo.gif","Alt / Title text for image 6",""],
["images/montgomeryward_logo.gif","Alt / Title text for image 7",""],
["images/walmart_logo.gif","Alt / Title text for image 8",""]// no comma at end of last index
]
imgPlaces=4 // number of images visible
imgWidth=145 // width of the images
imgHeight=50 // height of the images
imgSpacer=4 // space between the images
dir=0 // 0 = left, 1 = right
newWindow=1 // 0 = Open a new window for links 0 = no 1 = yes
// ********** End User Defining Area **********
moz=document.getElementById&&!document.all
step=1
timer=""
speed=30
nextPic=0
initPos=new Array()
nowDivPos=new Array()
function initHIS3(){
for(var i=0;i<imgPlaces+1;i++){ // create image holders
newImg=document.createElement("IMG")
newImg.setAttribute("id","pic_"+i)
newImg.setAttribute("src","")
newImg.style.position="absolute"
newImg.style.width=imgWidth+"px"
newImg.style.height=imgHeight+"px"
newImg.style.border=0
newImg.alt=""
newImg.i=i
newImg.onclick=function(){his3Win(data[this.i][2])}
document.getElementById("display_area").appendChild(newImg)
}
containerEL=document.getElementById("his3container")
displayArea=document.getElementById("display_area")
pic0=document.getElementById("pic_0")
containerBorder=(document.compatMode=="CSS1Compat"?0:parseInt(containerEL.style.borderWidth)*2)
containerWidth=(imgPlaces*imgWidth)+((imgPlaces-1)*imgSpacer)
containerEL.style.width=containerWidth+(!moz?containerBorder:"")+"px"
containerEL.style.height=imgHeight+(!moz?containerBorder:"")+"px"
displayArea.style.width=containerWidth+"px"
displayArea.style.clip="rect(0,"+(containerWidth+"px")+","+(imgHeight+"px")+",0)"
displayArea.onmouseover=function(){stopHIS3()}
displayArea.onmouseout=function(){scrollHIS3()}
imgPos= -pic0.width
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
if(dir==0){imgPos+=pic0.width+imgSpacer} // if left
initPos[i]=imgPos
if(dir==0){currentImage.style.left=initPos[i]+"px"} // if left
if(dir==1){ // if right
document.getElementById("pic_"+[(imgPlaces-i)]).style.left=initPos[i]+"px"
imgPos+=pic0.width+imgSpacer
}
if(nextPic==data.length){nextPic=0}
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}
nextPic++
}
scrollHIS3()
}
timer=""
function scrollHIS3(){
clearTimeout(timer)
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
nowDivPos[i]=parseInt(currentImage.style.left)
if(dir==0){nowDivPos[i]-=step}
if(dir==1){nowDivPos[i]+=step}
if(dir==0&&nowDivPos[i]<= -(pic0.width+imgSpacer) || dir==1&&nowDivPos[i]>containerWidth){
if(dir==0){currentImage.style.left=containerWidth+imgSpacer+"px"}
if(dir==1){currentImage.style.left= -pic0.width-(imgSpacer*2)+"px"}
if(nextPic>data.length-1){nextPic=0}
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}
nextPic++
}
else{
currentImage.style.left=nowDivPos[i]+"px"
}
}
timer=setTimeout("scrollHIS3()",speed)
}
function stopHIS3(){
clearTimeout(timer)
}
function his3Win(loc){
if(loc==""){return}
if(newWindow==0){
location=loc
}
else{
//window.open(loc)
newin=window.open(loc,'win1','left=430,top=340,width=300,height=300') // use for specific size and positioned window
newin.focus()
}
}
// add onload="initHIS3()" to the opening BODY tag
// -->
</script>
</HEAD>
<BODY onLoad="initHIS3()">
<h1><span>Horizontal Image Scroller 3</span></h1>
<center>
<DIV id="his3container" style="position:relative; width:0px;height:0px; border:1px solid red;overflow:hidden">
<div id="display_area" style="position:absolute; left:0; top:0; width:0px; height:0px; clip:rect(0,0,0,0)"></div>
</DIV>
</BODY>
</HTML>
##############################################
Or you can see the code at http://www.infopathankot.com/forum/imagescroller.htm
This code is not showiing any error here on this link
when i used it in my webpage http://www.computercareptk.com
it shows an error on the status bar.
Variable undefined error.
Please help to get rid of it.
Thanks.
Please help to remove this error from my webpage.
Error is : "scroll1 is undefined" scroll1 is a variable which it says undefined.
I dont know how to define it.
Please read it carefully first before coming to any conclusion.
Please take a look to this code.
#############################################
<HTML>
<HEAD>
<TITLE>Horizontal Image Scroller 3</TITLE>
<script type="text/javascript">
<!--
// Jeff
// www.huntingground.freeserve.co.uk
// ********** User Defining Area **********
data=[
["images/netflix_logo.gif","Alt / Title text for image 1",""],
["images/lavalife_logo.gif","Alt / Title text for image 2",""],
["images/carsdirect_logo.gif","Alt / Title text for image 3",""],
["images/delta_logo.gif","Alt / Title text for image 4",""],
["images/disneyshopping_logo.gif","Alt / Title text for image 5",""],
["images/enterprise_logo.gif","Alt / Title text for image 6",""],
["images/montgomeryward_logo.gif","Alt / Title text for image 7",""],
["images/walmart_logo.gif","Alt / Title text for image 8",""]// no comma at end of last index
]
imgPlaces=4 // number of images visible
imgWidth=145 // width of the images
imgHeight=50 // height of the images
imgSpacer=4 // space between the images
dir=0 // 0 = left, 1 = right
newWindow=1 // 0 = Open a new window for links 0 = no 1 = yes
// ********** End User Defining Area **********
moz=document.getElementById&&!document.all
step=1
timer=""
speed=30
nextPic=0
initPos=new Array()
nowDivPos=new Array()
function initHIS3(){
for(var i=0;i<imgPlaces+1;i++){ // create image holders
newImg=document.createElement("IMG")
newImg.setAttribute("id","pic_"+i)
newImg.setAttribute("src","")
newImg.style.position="absolute"
newImg.style.width=imgWidth+"px"
newImg.style.height=imgHeight+"px"
newImg.style.border=0
newImg.alt=""
newImg.i=i
newImg.onclick=function(){his3Win(data[this.i][2])}
document.getElementById("display_area").appendChild(newImg)
}
containerEL=document.getElementById("his3container")
displayArea=document.getElementById("display_area")
pic0=document.getElementById("pic_0")
containerBorder=(document.compatMode=="CSS1Compat"?0:parseInt(containerEL.style.borderWidth)*2)
containerWidth=(imgPlaces*imgWidth)+((imgPlaces-1)*imgSpacer)
containerEL.style.width=containerWidth+(!moz?containerBorder:"")+"px"
containerEL.style.height=imgHeight+(!moz?containerBorder:"")+"px"
displayArea.style.width=containerWidth+"px"
displayArea.style.clip="rect(0,"+(containerWidth+"px")+","+(imgHeight+"px")+",0)"
displayArea.onmouseover=function(){stopHIS3()}
displayArea.onmouseout=function(){scrollHIS3()}
imgPos= -pic0.width
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
if(dir==0){imgPos+=pic0.width+imgSpacer} // if left
initPos[i]=imgPos
if(dir==0){currentImage.style.left=initPos[i]+"px"} // if left
if(dir==1){ // if right
document.getElementById("pic_"+[(imgPlaces-i)]).style.left=initPos[i]+"px"
imgPos+=pic0.width+imgSpacer
}
if(nextPic==data.length){nextPic=0}
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}
nextPic++
}
scrollHIS3()
}
timer=""
function scrollHIS3(){
clearTimeout(timer)
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
nowDivPos[i]=parseInt(currentImage.style.left)
if(dir==0){nowDivPos[i]-=step}
if(dir==1){nowDivPos[i]+=step}
if(dir==0&&nowDivPos[i]<= -(pic0.width+imgSpacer) || dir==1&&nowDivPos[i]>containerWidth){
if(dir==0){currentImage.style.left=containerWidth+imgSpacer+"px"}
if(dir==1){currentImage.style.left= -pic0.width-(imgSpacer*2)+"px"}
if(nextPic>data.length-1){nextPic=0}
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}
nextPic++
}
else{
currentImage.style.left=nowDivPos[i]+"px"
}
}
timer=setTimeout("scrollHIS3()",speed)
}
function stopHIS3(){
clearTimeout(timer)
}
function his3Win(loc){
if(loc==""){return}
if(newWindow==0){
location=loc
}
else{
//window.open(loc)
newin=window.open(loc,'win1','left=430,top=340,width=300,height=300') // use for specific size and positioned window
newin.focus()
}
}
// add onload="initHIS3()" to the opening BODY tag
// -->
</script>
</HEAD>
<BODY onLoad="initHIS3()">
<h1><span>Horizontal Image Scroller 3</span></h1>
<center>
<DIV id="his3container" style="position:relative; width:0px;height:0px; border:1px solid red;overflow:hidden">
<div id="display_area" style="position:absolute; left:0; top:0; width:0px; height:0px; clip:rect(0,0,0,0)"></div>
</DIV>
</BODY>
</HTML>
##############################################
Or you can see the code at http://www.infopathankot.com/forum/imagescroller.htm
This code is not showiing any error here on this link
when i used it in my webpage http://www.computercareptk.com
it shows an error on the status bar.
Variable undefined error.
Please help to get rid of it.
Thanks.