Add dashes to phone number :-
<?php echo preg_replace("/^1?(\d{3})(\d{3})(\d{4})$/", "$1-$2-$3", $phoneNumber);?>
<?php echo preg_replace("/^1?(\d{3})(\d{3})(\d{4})$/", "$1-$2-$3", $phoneNumber);?>
Monday 30 May 2016
Saturday 21 May 2016
detect browser language and redirect using javascript
When first time user open the site and detect browser language and redirect website according to languge using javascript.
<script>
function GetCookie(name) {
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen) {
var j=i+alen;
if (document.cookie.substring(i,j)==arg)
return "here";
i=document.cookie.indexOf(" ",i)+1;
if (i==0)
break;
}
return null;
}
$(function getck() {
var visit=GetCookie("COOKIE1");
if (visit==null){
var userLang = navigator.language || navigator.userLanguage;
if(userLang=="fr"){
window.location='http://french.domain.com/';
}else if(userLang=="en-US"){
window.location='http://english.domain.com/';
}else{
window.location='http://domain.com/';
}
}
var expire=new Date();
expire.setTime(expire.getTime()+(1*24*60*60*1000));
document.cookie="COOKIE1=here; expires="+expire;
});
</script>
<script>
function GetCookie(name) {
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen) {
var j=i+alen;
if (document.cookie.substring(i,j)==arg)
return "here";
i=document.cookie.indexOf(" ",i)+1;
if (i==0)
break;
}
return null;
}
$(function getck() {
var visit=GetCookie("COOKIE1");
if (visit==null){
var userLang = navigator.language || navigator.userLanguage;
if(userLang=="fr"){
window.location='http://french.domain.com/';
}else if(userLang=="en-US"){
window.location='http://english.domain.com/';
}else{
window.location='http://domain.com/';
}
}
var expire=new Date();
expire.setTime(expire.getTime()+(1*24*60*60*1000));
document.cookie="COOKIE1=here; expires="+expire;
});
</script>
Saturday 7 May 2016
Detect when an HTML5 video finishes
<video id="myVideo" width="1349" height="758" preload="metadata" autoplay="1" controls>
<source src="http://id-cardz.com/wp-content/uploads/2016/05/upwork-damjikamran.mp4?_=1" type="video/mp4"></source>
</video>
<img id="myimg" onClick="playvid();" style="display:none;" src="image/path.jpg">
<a href="#" onClick="document.getElementById('myVideo').play();">Play video</a>
<script type='text/javascript'>
document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) { //on video stop ------------
document.getElementById('myVideo').style.display = 'none';
document.getElementById('myimg').style.display = 'block';
}
function playvid() { //on click video play ------------
document.getElementById('myimg').style.display = 'none';
document.getElementById('myVideo').style.display = 'block';
document.getElementById('myVideo').play();
}
</script>
<source src="http://id-cardz.com/wp-content/uploads/2016/05/upwork-damjikamran.mp4?_=1" type="video/mp4"></source>
</video>
<img id="myimg" onClick="playvid();" style="display:none;" src="image/path.jpg">
<a href="#" onClick="document.getElementById('myVideo').play();">Play video</a>
<script type='text/javascript'>
document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) { //on video stop ------------
document.getElementById('myVideo').style.display = 'none';
document.getElementById('myimg').style.display = 'block';
}
function playvid() { //on click video play ------------
document.getElementById('myimg').style.display = 'none';
document.getElementById('myVideo').style.display = 'block';
document.getElementById('myVideo').play();
}
</script>
Google map show a map using address on website
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>
<script>
var geocoder;
var map;
function codeAddress() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(33.449204, -112.074387);
var mapOptions = {
center: latlng,
zoom: 12,
mapTypeId: google.maps.MapTypeId.TERRAIN
}
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var address = 'Indira Gandhi International Airport, New Delhi, Delhi, India';
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var lat=results[0].geometry.location.lat();
var lng=results[0].geometry.location.lng();
map.setCenter(new google.maps.LatLng(lat, lng));
var marker = new google.maps.Marker({
position: results[0].geometry.location,
map: map,
animation: google.maps.Animation.DROP,
});
var infowindow = new google.maps.InfoWindow();
infowindow.setContent('<div class="mapinfo"> Indira Gandhi International Airport, New Delhi, Delhi, India</div>');
infowindow.open(map, marker);
}
});
}
</script>
<body onload="codeAddress();">
<div id="form2left">
<div id="map-canvas" style="width: 100%; height: 100%;"></div>
</div>
</body>
</script>
<script>
var geocoder;
var map;
function codeAddress() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(33.449204, -112.074387);
var mapOptions = {
center: latlng,
zoom: 12,
mapTypeId: google.maps.MapTypeId.TERRAIN
}
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var address = 'Indira Gandhi International Airport, New Delhi, Delhi, India';
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var lat=results[0].geometry.location.lat();
var lng=results[0].geometry.location.lng();
map.setCenter(new google.maps.LatLng(lat, lng));
var marker = new google.maps.Marker({
position: results[0].geometry.location,
map: map,
animation: google.maps.Animation.DROP,
});
var infowindow = new google.maps.InfoWindow();
infowindow.setContent('<div class="mapinfo"> Indira Gandhi International Airport, New Delhi, Delhi, India</div>');
infowindow.open(map, marker);
}
});
}
</script>
<body onload="codeAddress();">
<div id="form2left">
<div id="map-canvas" style="width: 100%; height: 100%;"></div>
</div>
</body>
Subscribe to:
Posts (Atom)