WordPress.org

Ready to get started?Download WordPress

Forums

WPtouch Mobile Plugin
[Plugin: WPtouch] [Plugin Wptouch] Html5 telephone auto detect tag (8 posts)

  1. stickFinger
    Member
    Posted 2 years 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/

  2. BraveNewCode Inc.
    Member
    Plugin Author

    Posted 2 years 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>

  3. stickFinger
    Member
    Posted 2 years 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?

  4. stickFinger
    Member
    Posted 2 years ago #

    Hi

    Just to bring some new info:

    This syntax works

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

    Thanks

  5. stickFinger
    Member
    Posted 2 years ago #

    too short happiness

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

  6. BraveNewCode Inc.
    Member
    Plugin Author

    Posted 2 years 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.

  7. stickFinger
    Member
    Posted 2 years 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

  8. BraveNewCode Inc.
    Member
    Plugin Author

    Posted 2 years 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic