Lägg upp en tävling

HTML "Call Now" button fixed for Mobile Bing

Status: Closed
Pris: $20
Bidrag mottagna: 1
Vinnare: Divyansch

Winner

Tävlingssammandrag

The code below is for a call now button that has been placed in an HTML widget using wix.com to create the website www.busienss-insurance-now.com. The call button triggers the mobile phone to dial the 800 number, then redirects to a thank you page. It works well for mobile Chrome and Safari but when Mobile Bing users click on the "Call Now" button, It does not work.

The Code MUST:

1) Dial the number
2) Redirect to landing page

Please fix for Bing and confirm that it works on all browsers and on all devices (iPhone and Android)

Thanks

<html>

<head>
<meta HTTP-EQUIV="Content-type" content="text/html; charset=UTF-8">
<meta name="format-detection" content="telephone=yes">
<title>Page Title</title>
<style>
a[href^=tel] {
color: inherit;
text-decoration: none;
}

#callnow img {
width: 400px;
}
</style>

</head>

<body>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<div class="form-group">
<div class="col-xs-12 col-sm-6 col-lg-4">
<a href="#" id="callnow" data-call="tel:800-570-0424"><img class="img-responsive" src="https://static.wixstatic.com/media/14e16f_9f3a8d8153914af3b9ee7c1bb7218506~mv2.png/v1/fill/w_354,h_212,al_c,usm_0.66_1.00_0.01/14e16f_9f3a8d8153914af3b9ee7c1bb7218506~mv2.png"></a>
</div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/js/bootstrap-datepicker.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
<script>
$(document).ready(function () {
$(document).on('click', '#callnow', function (e) {
e.preventDefault();
var tel = $('#callnow').data('call');
window.open(tel);
setTimeout(function() {
window.top.location.href = 'http://www.business-insurance-now.com/call2';
}, 5000)
return true;
})
});
</script>
</body>