Results 1 to 7 of 7

Thread: Getting links in conveyor belt slideshow to open in a popup window

  1. #1
    Join Date
    Mar 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Getting links in conveyor belt slideshow to open in a popup window

    1) Script Title:
    Conveyor Belt slideshow

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...rightslide.htm

    3) Describe problem:
    Is there anyway to open links in the conveyor belt slideshow as chromeless popups? I've tried a few popup scripts but as soon as I use them the slideshow stops working and I'm way too much of a newbie to have any idea where the conflict is.

    I kind of have a workaround which opens the link in a new window: <a href="link.html" target="_blank"> combined with a script in the new window that resizes it around the content. It does most of what I want apart from the chromeless bit, but before I settle for something that's almost but not exacly what I want I thought I'd ask if anyone has a better solution?

  2. #2
    Join Date
    Apr 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default conveyer belt - popup window combo

    Did you ever find solution to the conveyer belt/popup window problem? I'm in the same situation. I found this but I need it to go horizontally not vertically.

    http://www.dynamicdrive.com/forums/s...ead.php?t=3710

  3. #3
    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

    Code:
    leftrightslide[0]='<a href="http://www.dynamicdrive.com" onclick="window.open(this.href,\'\',\'width=300,height=250\');return false;"><img src="dynamicbook1.gif" border=1></a>'
    - John
    ________________________

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

  4. #4
    Join Date
    Apr 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the help. One last thing though.... I'd like the pop-up window to appear when the user rolls over the images rather than clicks on the images. I've got it opening but it doesn't close when I roll off.

    I have the following:

    Code:
    leftrightslide[1]='<a href="http://www.dynamicdrive.com" onMouseOut="window.close()" onMouseOver="window.open(this.href,\'\',\'width=300,height=250\');return false;"><img src="dynamicbook1.gif" border=1></a>'

  5. #5
    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

    Code:
    leftrightslide[1]='<a href="http://www.dynamicdrive.com" onmouseout="blah.close()" onmouseover="blah=window.open(this.href,\'\',\'width=300,height=250\');return false;"><img src="dynamicbook1.gif" border=1></a>'
    But, this will only work with pages on the same domain. And, most pop up blockers will prevent the mouseover event from working anyway.
    - John
    ________________________

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

  6. #6
    Join Date
    Sep 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I am trying to get this code to work but it actually disabled my conveyor belt. Can you help?

    leftrightslide[0]='<a href="https://www.SecureMGR.com/sites/folder12853/site_images_system/user/Oak-Park2EditedCroppedForWebThumb.jpg" onclick="window.open (this.href,'','width=300,height=250 ');return false;"><img src="https://www.SecureMGR.com/sites/folder12853/site_images_system/user/Oak-Park2EditedCroppedForWebThumb.jpg" border=1></a>'

  7. #7
    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

    Since you are writing code as a part of a string variable that needs to first be parsed and written as innerHTML before it is parsed as code, you need to escape the contained delimiters used here (as shown in red):

    Code:
    onclick="window.open (this.href,\'\',\'width=300,height=250\')
    in the above excerpt from your array entry.

    These delimiters need to be escaped because they are the same delimiters used to delimit the entire string. Otherwise, the script parser thinks that the entire string ends here:

    Code:
    leftrightslide[0]='<a href="https://ww . . . onclick="window.open (this.href,'
    - 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
  •