Results 1 to 2 of 2
  1. #1
    paulpa66 is offline Member
    Join Date
    Aug 2010
    Posts
    1
    Rep Power
    0

    Default help with browsers

    Using a script as a image scroller, ok in firefox and IE but not working correctly in safari and chrome. any ideas what i need to do?
    This is the script in the head section
    .....
    <script type="text/javascript">

    <!--




    data=[
    ["01.jpg","Wed",""],
    ["02.jpg","Up",""],
    ["03.jpg","Den",""],
    ["04.jpg","Wed",""],
    ["05.jpg","Las",""]


    ]

    imgPlaces=5 // number of images visible
    imgWidth=155 // width of the images
    imgHeight=90 // height of the images
    imgSpacer=0 // space between the images

    dir=0 // 0 = left, 1 = right

    newWindow=1 // 0 = Open a new window for links 0 = no 1 = yes



    moz=document.getElementById&&!document.all

    step=1
    timer=""
    speed=50
    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").appendChil d(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?conta inerBorder:"")+"px"
    containerEL.style.height=imgHeight+(!moz?container Border:"")+"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,wid th=300,height=300') // use for specific size and positioned window
    newin.focus()
    }
    }



    // -->
    </script>




    This in Body section
    <DIV id="his3container" style="position:relative; width:0px;height:0px; border:1px solid black;overflow:hidden">

    <div id="display_area" style="position:absolute; left:0; top:0; width:0px; height:0px; clip:rect(0,0,0,0)"></div>
    Last edited by paulpa66; 08-07-2010 at 12:16 PM.

  2. #2
    Fubarable's Avatar
    Fubarable is offline Moderator
    Join Date
    Jun 2008
    Posts
    19,316
    Blog Entries
    1
    Rep Power
    26

    Default

    You need to understand that Java is not the same language as JavaScript, and as this is a Java forum and you in fact need help with JavaScript, I suggest that you find a JavaScript forum and ask this question there. Google should help you with this task. Luck!

Similar Threads

  1. Applets painting outside borders in web browsers
    By sirdori in forum New To Java
    Replies: 2
    Last Post: 11-20-2008, 07:14 PM
  2. IE crashes when calendar icon on JSP is clicked - only for some browsers
    By dnyan123 in forum JavaServer Pages (JSP) and JSTL
    Replies: 5
    Last Post: 11-12-2008, 10:19 AM
  3. First Applet not running on browsers
    By Centinela66 in forum Java Applets
    Replies: 11
    Last Post: 10-09-2008, 02:58 PM

Posting Permissions

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