Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Jun 2010
    Posts
    1
    Member #
    22248
    Hi All,

    I have recently been playing around with a jquery popup (code below).
    Code:
    <script>
    // Semicolon (;) to ensure closing of earlier scripting
        // Encapsulation
        // $ is assigned to jQuery
        ;(function($) {
    
            // DOM Ready
            $(function() {
    
                // Binding a click event
                // From jQuery v.1.7.0 use .on() instead of .bind()
                $('#my-button').bind('click', function(e) {
    
                    // Prevents the default action to be triggered.
                    e.preventDefault();
    
                    // Triggering bPopup when click event is fired
                    $('#1-popup').bPopup();
    
                });
    
            });
    
        })(jQuery);
    </script>
    This works when clicking a button, obviously the button has an "id="my-button".

    Now I was wondering if I could take this further, as I like this kind of popup and would like to use it from an image map but I cannot get my head around it. As an image map has a href=" " option.

    How would I instigate this popup from the image map?

    Thank you.

  2.  

  3. #2
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    What exactly are you trying to achieve? Do you have a demo site we can see? Its a little hard to follow what your saying.
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs




Remove Ads

Posting Permissions

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

Search tags for this page

click image bpopup
,
image map pop-up click
,

jquery image map popup

,

jquery mobile popup in image map

,
jquery popup image map
,
jquery popup map
Click on a term to search for related topics.
All times are GMT -6. The time now is 04:39 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com