Click here to Skip to main content
11,802,222 members (36,779 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 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.
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

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

  Print Answers RSS
0 OriginalGriff 435
1 KrunalRohit 366
2 F-ES Sitecore 295
3 Afzaal Ahmad Zeeshan 230
4 CHill60 220
0 OriginalGriff 2,715
1 Maciej Los 1,900
2 KrunalRohit 1,797
3 CPallini 1,550
4 Richard MacCutchan 1,157

Advertise | Privacy | Mobile
Web02 | 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