blogspot visit counter

Monday, 11 March 2013

Javascript Get User IP Address, Latitude, Longitude, Country, City, State Details

Javascript Get User IP Address, Latitude, Longitude, Country, City, State Details

Javascript Get User IP Address,Latitude,Longitude,Country,City,State Details

Introduction
Here I will explain how to get user current location details IP address, country, city, state, latitude and longitude using smart-ip json url in JavaScript using asp.net in C#.
Description:
   In my previous articles I expained how to get
jQuery Get Number of Facebook likes, Shares, Comments using asp.net.
Now I will explain how to get current user location details IP address, country, city, state, latitude and longitude using smart-ip json url in JavaScript

To get current user location details I am using smart-ip.net json string to get all the information for that you need to write the following code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get User Details IP Address, city, country, state, latitude, longitude </title>
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>
<script type="text/javascript">
var strip, strcountry, strcity, strregion, strlatitude, strlongitude, strtimezone
function GetUserInfo(data) {
strip = data.host; strcountry = data.countryName; strcity = data.city;
strregion = data.region; strlatitude = data.latitude; strlongitude = data.longitude;
strtimezone = data.timezone;
}
$(function () {
BindUserInfo();
})
function BindUserInfo() {
document.getElementById('lblIP').innerHTML = strip;
document.getElementById('lblCountry').innerHTML = strcountry;
document.getElementById('lblCity').innerHTML = strcity;
document.getElementById('lblregion').innerHTML = strregion;
document.getElementById('lbllatitude').innerHTML = strlatitude;
document.getElementById('lbllongitude').innerHTML = strlongitude;
document.getElementById('lbltimezone').innerHTML = strtimezone;
}
</script>
<script type="text/javascript" src="http://smart-ip.net/geoip-json?callback=GetUserInfo"></script>
</head>
<body>
<div>
<table id="tbDetails" cellpadding="2" cellspacing="2" style=" border:1px solid #000; font-family:Verdana;" >
<tr style="background-color:#DC5807; color:White; font-weight:bold">
<td colspan="2" align="center">User Information</td>
</tr>
<tr style="border:solid 1px #000000">
<td align="right"><b>IP:</b></td>
<td><label id="lblIP"/></td>
</tr>
<tr>
<td align="right"><b>Country:</b></td>
<td><label id="lblCountry"/></td>
</tr>
<tr>
<td align="right"><b>City:</b></td>
<td><label id="lblCity"/></td>
</tr>
<tr>
<td align="right"><b>Region:</b></td>
<td><label id="lblregion"/></td>
</tr>
<tr>
<td align="right"><b>latitude:</b></td>
<td><label id="lbllatitude"/></td>
</tr>
<tr>
<td align="right"><b>Longitude:</b></td>
<td><label id="lbllongitude"/></td>
</tr>
<tr>
<td align="right"><b>Time Zone:</b></td>
<td><label id="lbltimezone"/></td>
</tr>
</table>
</div>
</body>
</html>


Show Demo


For live demo check below of your current location details

User Information
IP:
Country:
City:indore
Region:M.P
latitude:
Longitude:
Time Zone:India/M.P


-------------------------------------------------------------------------------------------------------------

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...