Greedy Dots is an strategy game, played by two (up to four) people. The rules of this game can seem similar to those of Go.
BomWat
Monday 19 August 2013
Monday 12 November 2012
Click-To-Call: Playing with HREF TEL schema nicely
Assume that you want to add click to call feature to your page. Given the increasing popularity of mobile sites, it is quite possible.
It would be obvious decision to go with 'tel' schema solution.
Quick explanation: Browser which processes <a/> tag with href attribute starting with "tel:" prefix will try to place a call to a defined phone number.
On modern mobile phones it just works nicely. But when you will try to open the same link on desktop browser, most likely, you will see the error page, saying something like: "Can't handle tel schema...".
Not very nice, isn't it? We don't want to show this error page on desktop browser (or any other browser which doesn't support 'tel' scheme).
So far, I found two solutions for this problem:
<html>
...
<iframe name="click-to-call-safety-net"/>
....
<a href="tel:123456" target="click-to-call-safety-net">
Call us: 123456
</a>
...
</html>
I have tested this approach on all available to me Android and iOS devices and can confirm that it works. The situation on desktop browsers is not that good. Chrome, Firefox, Safari are OK. IE doesn't handle loading of 'tel' schema into iframe nicely. Still shows the error page :(
Quick explanation: Browser which processes <a/> tag with href attribute starting with "tel:" prefix will try to place a call to a defined phone number.
On modern mobile phones it just works nicely. But when you will try to open the same link on desktop browser, most likely, you will see the error page, saying something like: "Can't handle tel schema...".
Not very nice, isn't it? We don't want to show this error page on desktop browser (or any other browser which doesn't support 'tel' scheme).
So far, I found two solutions for this problem:
First one - JavaScript free.
The idea is to have invisible frame on the page, and use this frame as target for <a/> tag.<html>
...
<iframe name="click-to-call-safety-net"/>
....
<a href="tel:123456" target="click-to-call-safety-net">
Call us: 123456
</a>
...
</html>
I have tested this approach on all available to me Android and iOS devices and can confirm that it works. The situation on desktop browsers is not that good. Chrome, Firefox, Safari are OK. IE doesn't handle loading of 'tel' schema into iframe nicely. Still shows the error page :(
Second approach - feature detection.
If you are OK to use some JavaScript to detect 'tel' support - there is another recipe. I found that there is correlation between support of <input> with 'tel' type and 'tel' schema handling. This article describes how to detect browser support for 'tel' input type. Rest steps are easy:- Detect 'tel' input type support. Modernizr is a good way to go.
- Add JavaScript click handler to your <a href="tel:??????" /> links. This handler shall allow link clicks only if browser supports 'tel' input type, otherwise it should prevent default click handling.
Saturday 1 September 2012
DND - 1.3 Update
Today I have released new version of DND app. In this version:
- custom time delay now is free with ad banners (banners can be switched off via in-app purchase)
- minor bug fixes
Monday 20 August 2012
Do Not Disturb
This Android application - Do Not Disturb - is unique and simple in its key design brief. The volume restore will simply re enable by moving the phone or picking it up, however, the default functionality of restoring after a set time elapse has not been forgotten. It will notify the user graphically and allow you to control the volume to override and enable it.
You can install if from here
Labels:
android,
application,
motion detector,
mute,
restore,
ringer,
volume
Subscribe to:
Posts (Atom)