Support » Plugin: ImageMapper » Solution: Open Dialog on Tooltip Click

  • Garrett Hyder

    (@garrett-eclipse)


    Hello,

    This requires you’ve got the tooltip+dialog setup;
    https://wordpress.org/support/topic/popup-tooltip/

    Once that’s in place if you want the tooltip to open the dialog then edit the imagemapper_script.js adding to the $(this).mapster({ options;

    onShowToolTip: function(e) {
        e.toolTip.click(function(){
    		OpenImgmapDialog(e.key, $('map[name="' + $(map).attr('usemap').substr(1) + '"]').get(0));
    		$(map).mapster('tooltip', false);
        });
    },

    Bonus is to add cursor: pointer to the tooltip so looks like a link;
    .imagemapper-tooltip:hover { cursor: pointer; }

    Hope that helps someone,
    Cheers

  • The topic ‘Solution: Open Dialog on Tooltip Click’ is closed to new replies.