wordpress mobile clickable phone number

Question

Hi I am working ona client website 1234insurance.com and there is a graphic phone image in the header. The javascript uses the callto function. I just basically want the click to call functionality to work on as many phones as possible. How do people generally handle this?

When you click on it from a phone, it says: the web page at callto://310-473-2680 might be temporarily down or it may have moved permanently to a new web address.

    <!-- end of .call-to-action -->
    <!-- IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="<?php echo get_template_directory_uri(); ?>/inc    /js/html5.js"     type="text/javascript"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">    </script>
<script>
    function isiPhone(){
        var agent = navigator.userAgent;
        var isIphone = ((agent.indexOf('iPhone') != -1) ||     (agent.indexOf('iPod') != -1)) ;
        if (isIphone) {
            return true;
        } else {
            return false;
        }
    }
    $(document).ready(function() { 
        $('a[href*="callto"]').each(function(){
         call_href = $(this).attr('href');
         if(isiPhone()){
            call_href = call_href.replace('callto://','tel:');
            $(this).attr('href',call_href);
         }
        });
    });
    /*

use `tel:` instead of `callto:` [Info](http://stackoverflow.com/questions/1164004/how-to-mark-up-phone-numbers) — Moishy, Jun 18 '13 at 21:45
thanks but how do I change this javascript to reflect that? I initially do you use tel: when I code from scratch on a regular html/css. — Gary Calhoun Nufftalon Cg, Jun 19 '13 at 12:32

score 0 · Answer 1 · answered Jun 21 '13 at 13:44

I figured it out. The first thing is I didn't create this site to begin with I get paid monthly by client to do updates. The graphic of the phone number was not accessible through wordpress to change the hyperlink. I had to download all the files and I found the file "header-hooks.php" In that file I could select the graphic and change it from callto to tel. I just don't get why this wasn't accessible in wordpress, but whatever. I am new to wordpress as well. Thanks for your help still Mark. That mobile browser redirect url code is pretty neat.

wordpress mobile clickable phone number

1 Answers1