Results 1 to 3 of 3

Thread: targeting an onMouseOver outside an iframe

  1. #1
    Join Date
    Dec 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default targeting an onMouseOver outside an iframe

    hey please go to this test page

    Click on "bands"

    You'll see in the iframe on the right, thumbnails appear. What I'm trying to have happen is when you onMouseOver the thumbs, the larger photo appears in place of the photo on the left(the little girl in the white dress) which is located outside of the iframe.

    The large photo is given the id "Gallery," and even though I have given instructions in the script in the iframe to target "Gallery," the script doesn't seem to look outside the iframe.

    How would I accomplish this?

  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

    The easiest (if it works, see Notes) way would be to put the script on the parent page, then in the calls on the page(s) in the iframe use this syntax:

    Code:
    <a href="#" onMouseOut="parent.MM_nbGroup('out');"  onMouseOver="parent.MM_nbGroup('over','Gallery','galleryimages/band1.jpg','',1);">
    Notes: This script is more complex than needed for the function it performs, parts may need to be left behind on the page in the iframe. See:

    Image Thumbnail Viewer II

    as an alternative script. This alternative would still need be modified to target the parent page image. Go with what you've got first.
    - John
    ________________________

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

  3. #3
    Join Date
    Dec 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    actually, this is a huge help.

    I'll come back for any further questions, thank you.

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
  •