SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Extremists Beware! Rockrz's Avatar
    Join Date
    Mar 2001
    Location
    In God's Country!
    Posts
    1,317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    JavaScrip Challenge!

    JavaScrip Challenge!

    Does anyone know how to alter the following script to work in a framed site? I want to put my ad banners in the top frame that is static, and when surfers click on the banners the pages open in the bottom frame (I named that "main")

    Any solution would be greatly appreciated....
    Here's the script I'm using at:http://www.agapepremieretravel.com/home.html


    <script language="JavaScript1.2">

    //Drop-in slideshow II (hyperlinked)- By Dynamic Drive
    //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
    //This credit MUST stay intact for use

    var slideshow_width='468px' //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=10000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)

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

    dropimages[0]="http://www.agapepremieretravel.com/graphics/adbanner1.gif"
    dropimages[1]="http://www.agapepremieretravel.com/graphics/adbanner2.gif"
    dropimages[2]="http://www.agapepremieretravel.com/graphics/adbanner3.gif"

    var droplinks=new Array()
    //SET IMAGE URLs. Extend or contract array as needed
    droplinks[0]="http://www.dynamicdrive.com"
    droplinks[1]="http://www.freewarejava.com"
    droplinks[2]="http://www.javascriptkit.com"

    ////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=1></a>'
    rotateimage()
    }

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

    </script>
    .

  2. #2
    SitePoint Evangelist Mr. Brownstone's Avatar
    Join Date
    May 2002
    Location
    Relative
    Posts
    452
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    See all those <a> tags in the script? Just add a target="MyFrame" attribute to them.
    Of course, that's just my opinion. I could be wrong.

  3. #3
    Extremists Beware! Rockrz's Avatar
    Join Date
    Mar 2001
    Location
    In God's Country!
    Posts
    1,317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Tried that, and it wouldn't work.

    But I did find a fix, and the script is working great now.
    .

  4. #4
    Non-Member mmi's Avatar
    Join Date
    Jun 2001
    Location
    Rhode Island
    Posts
    587
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Rockrz
    the script is working great now.
    It doesn't seem to be working in any of mmy browsers. I'd try

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


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
  •