Forums

Tooltip image behaviour with different browsers

pushkincat 25 Oct, 2012
I have a form in which many fields have a tooltip floating to the right of the text input area.

With Safari and Firefox, the user can hit the tab key once to move from one input box to the next - this is the behaviour I want.

However with IE and Chrome, if a user hits tab from a field which has a tooltip image to the right, he has to hit it a second time to get to the next input field. Is there an easy way of persuading IE and Chrome to behave like Safari and Fierfox?

I'm using Chronoforms 4.0 RC3.5.1

Thanks.
GreyHead 25 Oct, 2012
Hi pushkinkat,

Please drag a Load JS action into the On Load event and add this code to it:
window.addEvent('domready', function() {
  $$('div.tooltipimg a').each( function(item) {
    item.setProperty('tabindex', '-1'); 
  });
});

Bob
pushkincat 25 Oct, 2012
That works. Thanks for the incredibly quick and helpful response - a beer is on its way to you.
GreyHead 25 Oct, 2012
Hi pushkinkat,

Thank you, much appreciated :-)

Bob
This topic is locked and no more replies can be posted.