Question

Is it possible to have a phone number that contains letters (for effect) be recognized by mobile devices, and ONLY mobile devices, as a click-to-call number?

The client is a CPA and they happen to have 4CPA as the last 4 digits and this is really important to them… but what is important to me is that this website is usable.

I found this question:
How to detect a mobile device in a web page

but I am not sure how to implement the PHP nor write the PHP to fill in the if/then.

(I was hoping to do this without PHP.)

Answer 1

Putting the following HTML on a webpage and accessing and clicking on the link on an iPhone makes it call the number [[phone]]:

<a href="tel:+1-555-ABCDEF">+1-555-ABCDEF</a>

Update:

Mobile-only (iPhone and Android Mobile) solution:

<script>
$(function(){
    if(navigator.userAgent.match(/(iPhone|Android.*Mobile)/i))
    {
        $('a[data-tel]').each(function(){
            $(this).prop('href', 'tel:' + $(this).data('tel'));
        });
    }
})
</script>

<a data-tel="+1-555-ABCDEF">+1-555-ABCDEF</a>

This will only linkify the phone number in browsers with the user-agent string containing iPhone or Android and Mobile.

(See: Detecting an Android phone)