Wednesday, September 4, 2013

get Ip address and Location

<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>

No comments:

Post a Comment