Hi all,
I have a feature for my website that is a NEED (as opposed to cute wanted feature) that I need help doing or will even hire to have done.
The short of it is… I need a viewer to my site to be able to mouseover my icons and see some text appear on NON-IPADS (was using target show/hide), but on ipads I need the person to be able to just click the icon ONCe to go to the URL connected to the icon. I do not expect the ipad viewer to see the mouse over tip appear.
I have found one site that it looks like they achieved this. You would need both an ipad and non-ipad to see what I mean and their end result.
http://www.ixl.com/standards/common-core/math/grade-6
NON-ipad
put your mouse over the blue underlined links and a “sample problem” appears above
IPAD
just click the blue underlined links once and goes in
I need this because on my site it is needed for the viewer to know a little more about the what is inside the icons, and I cannot have ipad users have to click twice as they think the icons are broken.
THANKS FOR the NEEDED HELP
Barry
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
This is not necessarily a trivial problem to fix if you wish to use your ‘tooltip’ idea on mouseover.
The simple fact is that iOS maps a hover event to the first click and the second click makes the link.
The easy way round it is to remove the hover state completely.
The more difficult way is to remove the hover state in only iOS
While I have had only a brief look at this issue there a couple of ways to deal with it - either using CSS or Javascript - and the method you choose is probably best determined by the method you are using to create your ‘tooltips’
I would suggest that you decide which is more important to you - a single click on iPad or a ‘tooltip’ elsewhere because if you want both then it is going to be quite a lot of work.
If you look at the code on the page you link to you will see there are about 20 javascript files and a dozen CSS files. There is a lot going on in there. Of course only a small part of that is to create those effects but do you want that much work?
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hey Dave,
Happy April. You ask a lot of great questions. I would say this need for hover state ON and removal f hover state in only iOS is a major site priority.
How much work are we talking?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
How much work are we talking?
For me or for you?
For a start probably a new implementation of your ‘tooltip’ using some hand coding - how many items x how many pages?
New css styles hand coded into your pages.
How long is a bit of string theory?
But seriously - you could avoid this by educating your iPad visitors and surely the majority of them are your students. You could do that through an iPad specific starter page (mobile redirect action).
I wouldn’t like to pay a developer’s rates to do it unless it was REALLY necessary.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I may have another idea for now…
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
since having the tool tips show is real important for noniOS and having the iOS users have the one click work for icons, I was thinking since the icons have little captions beneath them, maybe the name of the icon can have the rollover tooltip and the icon is clickable for URL
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options