SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Oct 2008
    Location
    Virtual World is my location
    Posts
    311
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Question Multiple inline / on page css Popup windows using JQuery

    I am having a specific issue.

    Here is what I need.

    I have the main page with an image and I have image maps on it.

    When a user hovers / clicks on the specific area, I need to open a popup on the page with another image with image maps.

    Again when a user hovers / clicks on the specific area within the new popup another popup opens.

    The issue I am having is this.

    If I hover / click on the first image map I am able to open a new popup. But the issue comes up when I use the script to open the popup on the new popup. Here sometimes it opens / sometimes it doesnot.
    Also once a popup opens the script fails to work for other popups on the page. Only after I refresh the page I can open popups again.

    Any jquery script / function that I could use for the issue I am facing?

    Thanks in advance for the help
    RecipesNext.com - recipes, kitchen queries, videos & more...
    BargainNext.com - coupons / deals / bargains / offers & more...

  2. #2
    Who turned the lights out !! Mandes's Avatar
    Join Date
    May 2005
    Location
    S.W. France
    Posts
    2,496
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Can I ask.. are you sure you want layed popups !!! why not consider changing the original image each time and staying in the parent window.
    A Little Knowledge Is A Very Dangerous Thing.......
    That Makes Me A Lethal Weapon !!!!!!!!

    Contract PHP Programming

  3. #3
    SitePoint Addict
    Join Date
    Oct 2008
    Location
    Virtual World is my location
    Posts
    311
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Well that's a good idea. I could use that. But am not very good with jquery. Any pointers towards achieving that? Thanks a lot for the suggestion.
    RecipesNext.com - recipes, kitchen queries, videos & more...
    BargainNext.com - coupons / deals / bargains / offers & more...

  4. #4
    Who turned the lights out !! Mandes's Avatar
    Join Date
    May 2005
    Location
    S.W. France
    Posts
    2,496
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I assume the image is enclosed in a DIV ? Use the innerHTML javascript method to change the contents of the div (ie rewrite the html on the fly)

    If your not familiar look here for a text example http://www.tizag.com/javascriptT/jav...-innerHTML.php
    A Little Knowledge Is A Very Dangerous Thing.......
    That Makes Me A Lethal Weapon !!!!!!!!

    Contract PHP Programming

  5. #5
    SitePoint Addict
    Join Date
    Oct 2008
    Location
    Virtual World is my location
    Posts
    311
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Thank you very much for the link. Looks like this should solve my issue. Shall get back incase I get stuck somewhere


    Quote Originally Posted by Mandes View Post
    I assume the image is enclosed in a DIV ? Use the innerHTML javascript method to change the contents of the div (ie rewrite the html on the fly)

    If your not familiar look here for a text example http://www.tizag.com/javascriptT/jav...-innerHTML.php
    RecipesNext.com - recipes, kitchen queries, videos & more...
    BargainNext.com - coupons / deals / bargains / offers & more...

  6. #6
    SitePoint Addict
    Join Date
    Oct 2008
    Location
    Virtual World is my location
    Posts
    311
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    This I believe is needing a lot of coding. Further for each window need to create a popup and on close change event. Is there nothing a bit simpler available? I have a total of around 100 popups to open and this would result in a lot of coding.

    Attaching a screen of what is needed. Any help is highly appreciated.

    popups.jpg
    RecipesNext.com - recipes, kitchen queries, videos & more...
    BargainNext.com - coupons / deals / bargains / offers & more...


Tags for this Thread

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
  •