Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jason Yingling

    (@yingling017)

    Hi there,

    I need to do a bit more testing, but adding a show parameter into the jquery.qtipcall.js file can allow you to show on focus.

    I wouldn’t recommend using enter as the expected behavior for accessibility is going to be clicking enter going to the <a> element’s href attribute. Which is to link down to the note in the page.

    Here’s an example of the jquery.qtipcall.js allowing for tab focusing to show the tooltip.

    jQuery(document).ready(function($){
    	$('.easy-footnote a').qtip({
    		prerender: true,
    		position: {
    	        my: 'top center',  // Position my top left...
    	        at: 'bottom center', // at the bottom right of...
    	        viewport: $(window)
    	    },
    	    style: {
    		    classes: 'qtip-bootstrap'
    	    },
    	    hide: {
                fixed: true,
                delay: 400,
                event: 'unfocus blur mouseleave'
    		},
    		show: {
    			event: 'focus mouseenter'
    		}
    	});
    });
    Plugin Author Jason Yingling

    (@yingling017)

    This was updated in the latest version of Easy Footnotes.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Using keyboard to show the tooltip’ is closed to new replies.