CodingForums.com - View Single Post

m2244 · 01-16-2013, 07:31 PM

Hello,

I am trying to update our site so that it works well on mobile devices. We have links with hover states and an onclick event. This creates a problem on mobile devices. When you try to click (touch) on the link you get the hover state, than you must click again to get the click event.

I am worried that I will need to create some code similar to this:

Code:

if(mobile_device)
{
     look for all instances of link code and remove hover state;
{

Code:

<a class="glossaryLink" href="#" onmouseover="onRollOverPULink(event, 'IT');"onmouseout="onRollOutPULink(event);" onclick="showHideGlossary('IT')">

Can anyone help me out here?

01-16-2013, 07:31 PM	PM User \| #1
m2244 Regular Coder Join Date: Jun 2012 Posts: 128 Thanks: 1 Thanked 1 Time in 1 Post	Any suggestions on how to handle this? Hello, I am trying to update our site so that it works well on mobile devices. We have links with hover states and an onclick event. This creates a problem on mobile devices. When you try to click (touch) on the link you get the hover state, than you must click again to get the click event. I am worried that I will need to create some code similar to this: Code: if(mobile_device) { look for all instances of link code and remove hover state; { Code: <a class="glossaryLink" href="#" onmouseover="onRollOverPULink(event, 'IT');"onmouseout="onRollOutPULink(event);" onclick="showHideGlossary('IT')"> Can anyone help me out here?