Click here to Skip to main content
11,797,355 members (81,056 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: Mobile HTML5 web-dev
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?
Posted 28-Jan-13 5:24am
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

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.
serhiy.semenyuk at 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 at 28-Jan-13 15:22pm
This is one of approaches that could be used to make, for example, menu usable on touch device
Rate this: bad
Please Sign up or sign in to vote.

Solution 2

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.

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

  Print Answers RSS
0 CPallini 475
1 OriginalGriff 375
2 Maciej Los 370
3 Abhinav S 359
4 KrunalRohit 291
0 OriginalGriff 2,092
1 Maciej Los 1,760
2 KrunalRohit 1,436
3 CPallini 1,245
4 ppolymorphe 893

Advertise | Privacy | Mobile
Web04 | 2.8.151002.1 | Last Updated 31 Jan 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100