Results 1 to 2 of 2

Thread: Undefined Error?

  1. #1
    Join Date
    May 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow Undefined Error?

    1) Script Title: Conveyor Belt slideshow script

    2) Script URL (on DD edited with my images):

    Code:
    <script language="JavaScript1.2">
    
    /*
    Left-Right image slideshow Script-
    By Dynamic Drive (www.dynamicdrive.com)
    For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
    */
    
    ///////configure the below four variables to change the style of the slider///////
    //set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
    var scrollerwidth='964px'
    var scrollerheight='160px'
    var scrollerbgcolor='black'
    //3000 miliseconds=3 seconds
    var pausebetweenimages=3000
    
    
    //configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
    var slideimages=new Array()
    slideimages[0]='<a href="http://www.ktllc.net/" target="_blank"><img src="http://www.ktllc.net/images/timeline1.gif" border=0"></a>'
    slideimages[1]='<a href="http://www.ktllc.net/" target="_blank"><img src="http://www.ktllc.net/images/timeline2.gif" border=0"></a>'
    slideimages[2]='<a href="http://www.ktllc.net/" target="_blank"><img src="http://www.ktllc.net/images/timeline3.gif" border=0"></a>'
    slideimages[3]='<a href="http://www.ktllc.net/" target="_blank"><img src="http://www.ktllc.net/images/timeline4.gif" border=0"></a>'
    slideimages[4]='<a href="http://www.ktllc.net/" target="_blank"><img src="http://www.ktllc.net/images/timeline5.gif" border=0"></a>'
    slideimages[5]='<a href="http://www.ktllc.net/" target="_blank"><img src="http://www.ktllc.net/images/timeline6.gif" border=0"></a>'
    slideimages[6]='<a href="http://www.ktllc.net/" target="_blank"><img src="http://www.ktllc.net/images/timeline7.gif" border=0"></a>'
    //extend this list
    
    ///////Do not edit pass this line///////////////////////
         
    var ie=document.all
    var dom=document.getElementById
    
    if (slideimages.length>1)
    i=2
    else
    i=0
    
    function move1(whichlayer){
    tlayer=eval(whichlayer)
    if (tlayer.left>0&&tlayer.left<=5){
    tlayer.left=0
    setTimeout("move1(tlayer)",pausebetweenimages)
    setTimeout("move2(document.main.document.second)",pausebetweenimages)
    return
    }
    if (tlayer.left>=tlayer.document.width*-1){
    tlayer.left-=5
    setTimeout("move1(tlayer)",50)
    }
    else{
    tlayer.left=parseInt(scrollerwidth)+5
    tlayer.document.write(slideimages[i])
    tlayer.document.close()
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
    }
    
    function move2(whichlayer){
    tlayer2=eval(whichlayer)
    if (tlayer2.left>0&&tlayer2.left<=5){
    tlayer2.left=0
    setTimeout("move2(tlayer2)",pausebetweenimages)
    setTimeout("move1(document.main.document.first)",pausebetweenimages)
    return
    }
    if (tlayer2.left>=tlayer2.document.width*-1){
    tlayer2.left-=5
    setTimeout("move2(tlayer2)",50)
    }
    else{
    tlayer2.left=parseInt(scrollerwidth)+5
    tlayer2.document.write(slideimages[i])
    tlayer2.document.close()
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
    }
    
    function move3(whichdiv){
    tdiv=eval(whichdiv)
    if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5){
    tdiv.style.left=0+"px"
    setTimeout("move3(tdiv)",pausebetweenimages)
    setTimeout("move4(scrollerdiv2)",pausebetweenimages)
    return
    }
    if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1){
    tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
    setTimeout("move3(tdiv)",50)
    }
    else{
    tdiv.style.left=scrollerwidth
    tdiv.innerHTML=slideimages[i]
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
    }
    
    function move4(whichdiv){
    tdiv2=eval(whichdiv)
    if (parseInt(tdiv2.style.left)>0&&parseInt(tdiv2.style.left)<=5){
    tdiv2.style.left=0+"px"
    setTimeout("move4(tdiv2)",pausebetweenimages)
    setTimeout("move3(scrollerdiv1)",pausebetweenimages)
    return
    }
    if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1){
    tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
    setTimeout("move4(scrollerdiv2)",50)
    }
    else{
    tdiv2.style.left=scrollerwidth
    tdiv2.innerHTML=slideimages[i]
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
    }
    
    function startscroll(){
    if (ie||dom){
    scrollerdiv1=ie? first2 : document.getElementById("first2")
    scrollerdiv2=ie? second2 : document.getElementById("second2")
    move3(scrollerdiv1)
    scrollerdiv2.style.left=scrollerwidth
    }
    else if (document.layers){
    document.main.visibility='show'
    move1(document.main.document.first)
    document.main.document.second.left=parseInt(scrollerwidth)+5
    document.main.document.second.visibility='show'
    }
    }
    
    window.onload=startscroll
    
    </script>
    
    
    
    
    <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
    <layer id="first" left=0 top=0 style="width: 1021px" >
    <script language="JavaScript1.2">
    if (document.layers)
    document.write(slideimages[0])
    </script>
    </layer>
    <layer id="second" left=0 top=0 visibility=hide style="width: 1021px">
    <script language="JavaScript1.2">
    if (document.layers)
    document.write(slideimages[1])
    </script>
    </layer>
    </ilayer>
    
    <script language="JavaScript1.2">
    if (ie||dom){
    document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
    document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
    document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1px;top:0px;">')
    document.write(slideimages[0])
    document.writeln('</div>')
    document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px">')
    document.write(slideimages[1])
    document.writeln('</div>')
    document.writeln('</div>')
    document.writeln('</div>')
    }
    </script>

    3) Describe problem: First two images rotate sucessfully - then conveyor shows nothing except background color and "loops" endlesly showing nothng more...
    Last edited by Snookerman; 05-09-2010 at 05:14 PM. Reason: use code tags

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Works here in both Firfox 3 and IE 8 in either strict or quirks modes in either browser. Also works in strict mode in Opera 10, Chrome 4 and Safari 4 Win. (I didn't test quirks in those browsers.) What browser are you using?

    Also if there is other script code and/or markup on the page, either or both of these could be at issue.

    The code you do have in your post is non-standard. There is no layer or ilayer. These were (when the script was originally written) to accommodate NS 4. Almost no one uses that any more, and those tags are no longer valid except in quirks mode.

    But, as I say, it works in the mentioned browsers even in strict mode, so that shouldn't be a problem, at least not in those browsers.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •