[Plugin: WPtouch] [Plugin Wptouch] Html5 telephone auto detect tag

  • stickFinger

    (@stickfinger)


    11 years, 10 months ago

    Hi

    I´m playing with wptouch trying to make a simple shop guide app. Each post is a different shop,eachshop has its contact info like this:

    Location/ addres:
    Tel.:xxxxxxxx
    etc
    etc
    ====================
    For the first time i´ve tryied i was able to touch the phone number from my iphone and the dialing dialog cames up.
    Now without any modification this behavior stopped….

    Any clue on how to get my phone numbers “clickable” again?
    Thanks

    http://wordpress.org/extend/plugins/wptouch/

Viewing 7 replies - 1 through 7 (of 7 total)
  • BraveNewCode Inc.

    (@bravenewcode)

    11 years, 10 months ago

    Hi stickFinger,

    You can try formatting your phone numbers like so:

    Tel.:<a class="call" href="tel:555-555-5555">555-555-5555</a>

    Thread Starter stickFinger

    (@stickfinger)

    11 years, 10 months ago

    Hi
    Thank you for your input but unfortunately that didnot the trick. Ionly get a blue bg under the phone number.

    The funny thing is that it used to work before with no formatting at all and then suddenly stop…

    Weird isn´t it?

    Thread Starter stickFinger

    (@stickfinger)

    11 years, 10 months ago

    Hi

    Just to bring some new info:

    This syntax works

    <a href="tel:+1800229933">Call us free!</a>

    Thanks

    Thread Starter stickFinger

    (@stickfinger)

    11 years, 10 months ago

    too short happiness

    The above only works on Android, not on iOS 4.2….
    Maybe some kind of meta info at wptouch header?

    BraveNewCode Inc.

    (@bravenewcode)

    11 years, 10 months ago

    Hi stickFinger,

    This one should work:

    <a href="tel:555-555-5555">Call Now!</a>

    It was tested in iOS 5.1.1

    Maybe some kind of meta info at wptouch header?

    That’s not needed for a tap to call link.

    Thread Starter stickFinger

    (@stickfinger)

    11 years, 10 months ago

    Thank you again but no matter what i try i can´t get it to work on iOS 4.xx (sorry, my device is a bit olde and can not run iOS 5)
    The links seem to work like a top anchor one. They lead me to the header with no dialing dialog 🙁

    On an Android 2.2 mostly of the formatting work pretty well 🙂

    I was telling about that kind of meta info (extracted from Safari developer library

    Format-detection

    Enables or disables automatic detection of possible phone numbers in a webpage in Safari on iOS.

    Syntax
    <meta name="format-detection" content="telephone=no">

    Discussion
    By default, Safari on iOS detects any string formatted like a phone number and makes it a link that calls the number. Specifying telephone=no disables this feature.

    Availability
    Available in iOS 1.0 and later.

    Thanks

    BraveNewCode Inc.

    (@bravenewcode)

    11 years, 10 months ago

    If you don’t mind, we’ll be glad to take a look at the website for you and test it on our end. Please share the URL and we’ll take a look for you.

    You’re welcome.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: WPtouch] [Plugin Wptouch] Html5 telephone auto detect tag’ is closed to new replies.