Prompt Web Solution

Tuesday, 21 June 2016

Here i create one html file, in the click event of button, i called some simple javascript and jquery code for get IP address of current system, operating system name and browser name of system in pop up,
you can use this code in your login page of web-site, and get all details of users that login in your created system,you can also store these details and login time also and manage users by perfect security,
just copy and paste this code in your html page and hit the run,

Here is the code :

<html>

<head>

</head>

<body>

</div>

<h4 class="modal-title">Get OS Name,Browser Name AND IP</h4>

</div>

<span>Your Operation System Name : </span><b><span id="OSsystem"></span></b><br/>

<span>Your Browser Name : </span><b><span id="BrowserName"></span></b><br/>

<span>Your IP Address : </span><b><span id="IPaddress"></span></b><br/>

</div>

<a href="http://www.promptwebsolution.com">www.promptwebsolution.com</a>

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

</div>

</body>

$("#LoginButton").click(function () {

//------------------------------------ To Get Browser Name------------------------>

if (navigator.userAgent.search("MSIE") >= 0) {

var browser = "InternetExplorer";

} else if (navigator.userAgent.search("Chrome") >= 0) {

var browser = "Chrome";

} else if (navigator.userAgent.search("Firefox") >= 0) {

var browser = "Firefox";

} else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) {

var browser = "Safari";

} else if (navigator.userAgent.search("Opera") >= 0) {

var browser = "Opera";

}

//------------------------------------- To get OS ------------------------------------>

var OSName = "Unknown OS";

if (navigator.appVersion.indexOf("Win") != -1)

OSName = "Windows";

if (navigator.appVersion.indexOf("Mac") != -1)

OSName = "MacOS";

if (navigator.appVersion.indexOf("X11") != -1)

OSName = "UNIX";

if (navigator.appVersion.indexOf("Linux") != -1)

OSName = "Linux";

var ip = myip;

$("#OSsystem").html(OSName);

$("#BrowserName").html(browser);

$("#IPaddress").html(ip);

});

</script>

</html>

ENJOY : )

Code By :- RAJA MAHIYARIYA MAHER(tHuNdEr^fR0G)

Wednesday, 15 June 2016

Hi there, i'll give you a two file for display data with smart angular code
1. index.php
- this is the simple .php file and you need to copy paste below code in it.
- mention the comment in index.php for display table field name.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Prompt Websolution</title>
<script src="http://code.angularjs.org/1.0.0rc9/angular-1.0.0rc9.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script data-require="ui-bootstrap@*" data-semver="0.12.1" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.min.js"></script>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="GridContrl">
<br /><br /><br />
<div class="col-md-6">
<div>{{TotalRecord}}</div>
<div class="input-group">
<input type="text" name="txtSearch" class="form-control" ng-model="txtSearch" placeholder="Search anything..." ng-change="search()" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-search"></span>
</span>
</div>
<table class="table table-striped pagination-sm">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="data in filteredData">
<td ng-bind="$index + 1"></td>
<td ng-bind="data.firstname"></td>
<td ng-bind="data.lastname"></td>
</tr>
</tbody>
</table>
<pagination ng-model="currentPage" total-items="TotalRecord" max-size="maxSize" boundary-links="true" items-per-page="numPerPage" ng-disabled="ngDisabled">
</pagination>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="../Scripts/Grid/mygetdatascript.js"></script>
</body>

</html>

2 mygetdatascript.js

2.1 - if you use CI then put url of controllername and function name like:
-> $http.get("/controllername/functionname?searchText=" + txtSearch + "&Begin=" + begin),
2.2 -   if you use simple core php then put the php file name like :
-> $http.get("PHPfilename.php?searchText=" + txtSearch + "&Begin=" + begin),


var app = angular.module("myApp", ['ui.bootstrap']);
app.controller("GridContrl", function ($scope, $http) {
$scope.filteredData = [], $scope.currentPage = 1, $scope.numPerPage = 25, $scope.maxSize = 5,$scope.ngDisabled = true;
var firsttime = true;
$scope.zbPagination = function () {
$scope.$watch('currentPage + numPerPage', function () {
var begin = (($scope.currentPage - 1) * $scope.numPerPage)
, end = begin + $scope.numPerPage;
console.log("Begin:: " + begin + " End:: " + end);
if (firsttime == false) {
$scope.getData($scope.txtSearch, begin, false);
}
firsttime = false;
});};
$scope.getData = function (txtSearch, begin, callPaging) {
$http.get("/controller/function?searchText=" + txtSearch + "&Begin=" + begin).then(function (response) {
$scope.TotalRecord = response.data.TotalRecord;
$scope.filteredData = response.data.returnData;
if (callPaging) {
$scope.zbPagination();
}
});
$scope.search = function () {
$scope.currentPage = 1;
$scope.getData($scope.txtSearch, 0, false);
};};
$scope.txtSearch = "";
$scope.getData($scope.txtSearch, 0,true);

});

here, i put the third php file for get idea, make sure that you have to get data in json format like :
3. PHPindex.php

$Query = $this->db->query(" select * from tablename ");
$data = $Query->result();
$this->response($data);

output like :
{"data":[
    {"firstName":"Raj", "lastName":"Maher"},
    {"firstName":"Ravi", "lastName":"Patel"},
    {"firstName":"Jems", "lastName":"Patel"}
]}

Friday, 22 April 2016

Here is the simple way to get full address from using the google API if you want to use your private API and copy the key and paste in <script> tag that placed at bottom of page.
(<script src="https://maps.googleapis.com/maps/api/js?key=[YOUR GOOGLE API KEY]&libraries=places&callback=initAutocomplete" async defer></script>)

STEP 1 (optional): click on this url for generate the new google api key,
https://developers.google.com/maps/documentation/javascript/get-api-key

STEP 2 : write this code in your .html file and run !. simple :)

<!DOCTYPE html>
<html>
<head>
<title>Place Autocomplete - Prompt WebSolution</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<div style="width:80%;margin:0 auto; padding-top:10%">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h3>
Auto Complete address form google api.
</h3>
</div>
<div class="col-md-5 col-md-offset-3">
<input id="autocomplete" placeholder="Enter your address" onFocus="geolocate()" type="text" class="form-control" >
</div>
<div class="col-md-5 col-md-offset-3">
<input id="street_number" disabled="true" placeholder="Residential Address" type="text" class="form-control">
</div>

<div class="col-md-3 col-md-offset-3">
<input id="administrative_area_level_1" disabled="true" type="text" placeholder="State" class="form-control">
</div>
<div class="col-md-2">
<input id="postal_code" disabled="true" type="text" placeholder="Pin Code" class="form-control">
</div>
<div class="col-md-5 col-md-offset-3">
<input id="route" disabled="true" type="text" placeholder="Road Area" class="form-control">
</div>
<div class="col-md-3 col-md-offset-3">
<input id="country" disabled="true" type="text" placeholder="Road Area" class="form-control">
</div>
<div class="col-md-2">
<input id="locality" disabled="true" placeholder="City" type="text" class="form-control">
</div>
</div>
</div>
<script>
var placeSearch, autocomplete;
var componentForm = {
street_number: 'short_name',
route: 'long_name',
locality: 'long_name',
administrative_area_level_1: 'short_name',
country: 'long_name',
postal_code: 'short_name'
};
function initAutocomplete() {
autocomplete = new google.maps.places.Autocomplete(
/** @type {!HTMLInputElement} */
(document.getElementById('autocomplete')),
{types: ['geocode']});
autocomplete.addListener('place_changed', fillInAddress);
}

function fillInAddress() {
var place = autocomplete.getPlace();
for (var component in componentForm) {
document.getElementById(component).value = '';
document.getElementById(component).disabled = false;
}
for (var i = 0; i < place.address_components.length; i++) {
var addressType = place.address_components[i].types[0];
if (componentForm[addressType]) {
var val = place.address_components[i][componentForm[addressType]];
document.getElementById(addressType).value = val;
}
}
}
function geolocate() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var geolocation = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
var circle = new google.maps.Circle({
center: geolocation,
radius: position.coords.accuracy
});
autocomplete.setBounds(circle.getBounds());
});
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6CcO8XlwhhkAUO8AN8nDwVMSRHOdThGc&libraries=places&callback=initAutocomplete" async defer></script>
</body>

</html>

Friday, 1 April 2016

Lots of people wants to redirect their web sites from non-www domain to www but can’t find the right way. So Don't need to worry, here is the solution to do that using .htaccess file.

Non-www to www redirect

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
#Example :(http://yourswebsite.com to http://www.yourwebsite.com)
</IfModule>

www to non-www redirect

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.(.*)$[NC]
RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
#Example :(http://www.yourswebsite.com to http://yourwebsite.com)
</IfModule>

Enjoy ! :)

Sunday, 20 March 2016

Pagination in CodeIgniter with use of codeigniter pagination library and bootstrap

Step 1 : create a file in your CodeIgniter controller folder.

home.php

<?php

class Home extends CI_Controller {

function __construct() {

parent::__construct();

$this->load->model('Citymodel');

$this->load->library('pagination');

}

public function pagination($Starting=0) {

$config['base_url'] = base_url().'Home/pagination/';

$TotalRows = $this->Citymodel->record_count();

$config['total_rows'] = $TotalRows;

$config['per_page'] = 6;

$config['num_links'] = 5;

$TotalRecord = $config['per_page'];

$config['full_tag_open'] = '<ul class="pagination">';

$config['full_tag_close'] = '</ul>';

$config['first_link'] = false;

$config['last_link'] = false;

$config['first_tag_open'] = '<li>';

$config['first_tag_close'] = '</li>';

$config['prev_link'] = '&laquo';

$config['prev_tag_open'] = '<li class="prev">';

$config['prev_tag_close'] = '</li>';

$config['next_link'] = '&raquo';

$config['next_tag_open'] = '<li>';

$config['next_tag_close'] = '</li>';

$config['last_tag_open'] = '<li>';

$config['last_tag_close'] = '</li>';

$config['cur_tag_open'] = '<li class="active"><a href="#">';

$config['cur_tag_close'] = '</a></li>';

$config['num_tag_open'] = '<li>';

$config['num_tag_close'] = '</li>';

$this->pagination->initialize($config);

$data['Links'] = $this->pagination->create_links();

$data['result'] = $this->Citymodel->fetch_data($Starting,$TotalRecord);

$this->load->view('pagination',$data);

}

Step 2 : Create a file in model folder of CodeIgniter.

Citymodel.php

<?php

if (!defined('BASEPATH'))

exit('No direct script access allowed');

class Citymodel extends CI_Model {

function __construct() {

parent::__construct();

}

public function record_count() {

return $this->db->count_all("area");

}

public function fetch_data($Starting,$TotalRecord) {

$query = $this->db->query("select * from area limit $Starting,$TotalRecord");

if ($query->num_rows() > 0) {

foreach ($query->result() as $row) {

$data[] = $row;

}

return $data;

}

return false;

}

Step 3 : create file in view folder for display records of database

pagination.php

<html>

<head>

<title>Codelgniter pagination</title>

</head>

<body>

<tbody>

<tr>

</tr>

<?php

// Show data

foreach ($result as $result) {

<tr>

<td><?php echo $result->AreaName ?></td>

</tr>

<?php } ?>

</tbody>

</table>

<?php echo $Links; ?>

</div>

</body>

</html>

Step 4 : create database and add this table data

table name - area

CREATE TABLE `area` (`id` int(11) NOT NULL,`AreaName` varchar(100) NOT NULL)

INSERT INTO `area` (`id`, `AreaName`) VALUES (14, 'Bapu Nagar'),(18, 'Prahlad Nagar'),(19, 'C.G. Road'),(20, 'S.G. Road'),(21, 'Navrangpura'),(22, 'Vastrapur'),(23, 'Ashram Road'),(24, 'Paldi'),(25, 'Saraspur'),(26, 'Satellite Area'),(27, 'Sarangpur Darwaza'),(28,'Ambawadi'),(29, 'Ellis Bridge'),(30, 'Ghatlodia'),(31, 'Gulbai Tekra'),(32, 'Gita Mandir Road')(33, 'Mem Nagar'),(34, 'Naranpura'),(35, 'University Area');

NOTE : base url must be like = 'localhost/CodeIgniteProjectName/Home/pagination'

Saturday, 19 March 2016

Create index.html file and put this code bellow. :)

<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
        <style type="text/css">
            .label {width:100px;text-align:right;float:left;padding-right:10px;font-weight:bold;}
            #RegisterFrom label.error, .output {color:#FB3A3A;}
        </style>
    </head>
    <body>
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <form action="" method="post" id="RegisterFrom" novalidate="novalidate" role="form" >
                    <div class="col-md-12">
                        <h2 class='text-primary text-center'>Register From</h2>
                    </div>
                    <div class='col-md-12'>
                        <input type="text" id="name" name="name"   placeholder="Full Name" class='form-control'/><br>
                    </div>
                    <div class='col-md-12'>
                        <select id="gender" name="gender" class='form-control'>
                        <option  value="">Select Gender</option>
                        <option value="Female">Female</option>
                        <option value="Male">Male</option>
                        <option value="Other">Other</option>
                    </select><br>
                    </div>
                    <div class='col-md-12'>
                        <input type="text" id="address" name="address"  placeholder="Address" class='form-control'/><br>
                    </div>
                    <div class='col-md-12'>
                        <input type="text" id="email" name="email"   placeholder="Email address" class='form-control'/><br>
                    </div>
                    <div class='col-md-12'>
                        <input type="text" id="username" name="username"   placeholder="Username" class='form-control'/><br>
                    </div>
                    <div class='col-md-12'>
                        <input type="password" id="password" name="password"   placeholder="Password" class='form-control'/><br>
                    </div>
                    <div class='col-md-12'>
                        <input type="submit" name="submit" value="Submit" class='btn btn-success' /> 
                    </div>
                </form>
            </div>
        </div>

        <script src="//code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
        <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script>
        <script>
            // When the browser is ready...
            $(function () {
                // Setup form validation on the #register-form element
                $("#RegisterFrom").validate({
                    // Specify the validation rules
                    rules: {
                        name: "required",
                        gender: "required",
                        address: "required",
                        email: {
                            required: true,
                            email: true
                        },
                        username: "required",
                        password: {
                            required: true,
                            minlength: 5
                        }
                    },
                    // Specify the validation error messages
                    messages: {
                        name: "Please enter your name",
                        gender: "Please specify your gender",
                        address: "Please enter your address",
                        email: "Please enter a valid email address",
                        username: "Please enter a valid username",
                        password: {
                            required: "Please provide a password",
                            minlength: "Your password must be at least 5 characters long"
                        }
                    },
                    submitHandler: function (form) {
                        form.submit(); 
                    }
                });
            });

        </script>
    </body>
</html>

Thursday, 17 March 2016

Set perfect view of table with use of jquery data table

Step 1 : create php file name 'index.php' and insert a code bellow .

<?php

$hostname = "localhost";

$username = "root";

$password = "";

$dbname = "Jquerydb";

$con = mysqli_connect($hostname, $username, $password, $dbname);

$query = "SELECT * FROM trn_movies";

$result = mysqli_query($con, $query);

<!doctype html>

<head>

<title>Jquery datatable demo</title>

</head>

<body>

<h3>Jquery DataTable demo(PHP, MYSQL)</h3>

<thead>

<tr >

<th>Director</th>

<th>Release Year</th>

</tr>

</thead>

<tbody>

<?php $sn = 1;

foreach ($result as $resultSet) { ?>

<tr>

</tr>

<?php $sn++;

} ?>

</tbody>

</table>

$(function () {

$('#stdcode').DataTable();

});

</script>

</body>

</html>

Step 2 : Create db ('Jquerydb') and add table ('trn_movies') and fire this two queries .

CREATE TABLE `trn_movies` (

`movie_id` int(10) UNSIGNED NOT NULL,

`film_name` varchar(45) CHARACTER SET latin1 COLLATE latin1_general_ci NOT NULL,

`director` varchar(45) CHARACTER SET latin1 COLLATE latin1_general_ci NOT NULL,

`release_year` int(10) UNSIGNED NOT NULL

);

-- Dumping data for table `trn_movies`

INSERT INTO `trn_movies` (`movie_id`, `film_name`, `director`, `release_year`) VALUES

(1, 'Happy New Year', 'Farah Khan', 2014),

(2, 'Kill Dil', 'Shaad Ali', 2014),

(3, 'The Shaukeens', 'Abhishek Sharma', 2014),

(4, 'Kick', 'Sajid Nadiadwala', 2014),

(5, 'Bang Bang', 'Siddharth Anand', 2014),

(6, 'Ungli', 'Rensil DSilva', 2014),

(7, 'Happy Ending', ' Krishna D.K', 2014),

(8, 'Jai Ho', 'Sohail Khan', 2014),

(9, 'Lingaa', 'K. S. Ravikumar', 2015),

(10, 'Daawat-e-Ishq', 'Habib Faisal', 2014),

(11, 'Singham Returns', 'Rohit Shetty', 2014);

(12, 'Kill Dil', 'Shaad Ali', 2014),

(13, 'The Shaukeens', 'Abhishek Sharma', 2014),

(14, 'Kick', 'Sajid Nadiadwala', 2014),

(15, 'Bang Bang', 'Siddharth Anand', 2014),

(16, 'Ungli', 'Rensil DSilva', 2014),

(17, 'Happy Ending', ' Krishna D.K', 2014),

(18, 'Jai Ho', 'Sohail Khan', 2014),

(19, 'Lingaa', 'K. S. Ravikumar', 2015),

(20, 'Daawat-e-Ishq', 'Habib Faisal', 2014),

(21, 'Singham Returns', 'Rohit Shetty', 2014);

(22, 'Kill Dil', 'Shaad Ali', 2014),

(23, 'The Shaukeens', 'Abhishek Sharma', 2014),

(24, 'Kick', 'Sajid Nadiadwala', 2014),

(25, 'Bang Bang', 'Siddharth Anand', 2014),

(26, 'Ungli', 'Rensil DSilva', 2014),

(27, 'Happy Ending', ' Krishna D.K', 2014),

(28, 'Jai Ho', 'Sohail Khan', 2014),

(29, 'Lingaa', 'K. S. Ravikumar', 2015),

(30, 'Daawat-e-Ishq', 'Habib Faisal', 2014),

(31, 'Singham Returns', 'Rohit Shetty', 2014);

Tuesday, 21 June 2016

Get IP, OS name and Browser Name using JQuery - JavaScript

Wednesday, 15 June 2016

Display data with AngularJS include Pagination and search

Friday, 22 April 2016

Using google API to get Auto Complete address

Friday, 1 April 2016

Redirect non-www to www using .htaccess

Sunday, 20 March 2016

Pagination with CodeIgniter and Bootstrap

Saturday, 19 March 2016

Jquery Validation using validate.js for beginners

Create index.html file and put this code bellow. :)

Thursday, 17 March 2016

Jquery Data table and paging

Set perfect view of table with use of jquery data table

About Me

Raj Parmar

Followers

Prompt WebSolution

Blog Archive

Contact Us

Quote Of The Day