Click here to Skip to main content
15,671,117 members
Please Sign up or sign in to vote.
2.50/5 (2 votes)
I have a website with some content inside.
The most interesting is some div element with defined onclick (redirect to other page) and onmouseover ( show small information over it) methods.
However there is no mouseover on mobile browsers.

What are the best practices for implementing such design for mobile web browsers?

Using some library that addresses these concerns, for example JQuery mobile does:[^]

Rethinking your application behavior - for example, replacing on mouseover with separate handling of first and second click if you are on mobile device.
Share this answer
serhiy.semenyuk 28-Jan-13 15:20pm    
thanks for the plugin - I'll check that.
Although is it common experience for mobile web sites to have first & second click?
Vyacheslav Voronenko 28-Jan-13 15:22pm    
This is one of approaches that could be used to make, for example, menu usable on touch device
Although its not native to mobile web sites to have hover menus from what I've found the most reasonable way to show something similar is to use taphold (click + hold) event. So on simple touch do action, and on touch + hold - show something else.
Share this answer

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900