Demo Post

Jquery notification popup box example using toastr JS plugin with demo

We always need to use notification in our project, because for example if user add new record and we need to display notification with success alert, when comes error then display error notication. So if you use jquery notification popup then it's better that way it's layout looks like good. In this example i use toastr.js plugin that provide several notification type like warning, success, info, error etc and several function. toastr Jquery plugin you can use easily with bootstrap and very customize. You can run bellow example and you can see how it works and pretty good. <strong>Example:</.....

By Hardik Savani | June 10, 2016 | | 89055 Viewer | Category : Javascript Bootstrap jQuery

Angularjs Simple Datepicker directive example code with Demo

In this example you implement datepicker directive simply. In this example i used ngDatepicker plugin. It is very simple way to use and integrate. It is very flexible you can set format and other option. So If you also want to add datepicker then can do like as bellow example. In this example i include <strong class="path">/css/ngDatepicker.css</strong> path on link so you can download css file from here : <a href="" target="_blank">Click Here</a> and Also i include <strong class="path">/js/ngDatepicker.min.j.....

By Hardik Savani | July 2, 2016 | | 85784 Viewer | Category : AngularJS

PHP Script - Login with Facebook using facebook-php-sdk and MySQL example with demo

In this post, I am going to share with you How to integrate login with facebook in PHP website using Facebook Graph API. In Website normally registration form for sign up, But users are not interested to filling the big registration forms. So you can implement login or register with facebook login, users don't require to fill big form. This tutorial will help to implement login with facebook in your PHP project. In this step by step post, i give you example of sign in with facebook account from scratch. In this example facebook account details will get and store it on MySQL database. After .....

By Hardik Savani | November 11, 2016 | | 84098 Viewer | Category : PHP Bootstrap MySql

PHP - Input multiple tags with dynamic autocomplete example

In this post i am going to give you the example of Add Multiple input tags with autocomplete from MySQL database table using typeahead bootstrap JS and tagmanager JS. Sometimes we require to make multiple input tags on our form. At that time we require to use jquery plugin for input multiple tags. But here we are going to use tagmanager.js plugin for add multiple input tags. I already added one simple tutorial for tagmanager.js here : <a href="" target="_blank">Bootstrap - Input mu.....

By Hardik Savani | January 24, 2017 | | 83735 Viewer | Category : PHP Bootstrap HTML jQuery MySql Ajax

Paypal payment gateway integration in php source code example

In this post i am going to give you example of how to integrate payment Paypal gateway in php with demo. It is very simple to use paypal payment method in your native php website because you don't need to use any api for paypal payment gateway integration. Paypal provide very simple way to do this and paypal also provide developer console i mean Sandbox account that way you can check it better. In this example i give you step by step payment integration of paypal. <strong>Preview:</strong> <img src="/upload/PHP-Paypal.png" width="100%" style="border:1px solid red"> <strong>Step 1: Create Sen.....

By Hardik Savani | May 31, 2016 | | 82448 Viewer | Category : PHP

Laravel 5.3 - Create Bootstrap Contact US Form using Form Request

Contact Us Page is very basic requirement of any Website that way owner can get feedback from users. So, I am going to share with you how to create simple bootstrap contact us form using Form Request in Laravel 5.3. In this example i create simple "contatctus" table with three simple fields name, email and message. We will simple get value of name, email and message using bootstrap form layout. So you have to just follow bellow few step and you can simple implement contact us form in your website. So, let's follow bellow step and after complete whole example you will find bellow layout page .....

By Hardik Savani | October 23, 2016 | | 78216 Viewer | Category : Laravel Bootstrap

Laravel 5 - Multiple markers in google map using gmaps.js

Today, we learn how to implement google map with multiple marker using gmaps.js library in Laravel 5. We can also simply use google map API for maps, But gmaps.js is very popular and they provides very simple way to generate google map. gmaps.js through we can make multiple markers, make routes, Geocoding, Map events etc. In this example i use multiple markers example. If you are beginner then also you can do it simply following post, i did this example from scratch. So, After finish all tutorial you will find layout as bellow: <strong>Preview:</strong> <img src="/upload/laravel-5-gmaps.png.....

By Hardik Savani | September 30, 2016 | | 74520 Viewer | Category : PHP Laravel Google Map Google API

PHP Codeigniter - Ajax Infinite Scroll Pagination Example

In this example, we are going to lean how to implement infinite scroll example in our codeigniter application. Infinite Scroll is amazing feature if you have news latter page, posts page or any listing page that way we don't require to load more records at time and not need to load page every time. we sometimes require to use infinite scroll in our project or application. So in this post we learn how to make infinite scroll example from scratch. I also provide demo for infinite scroll example, so you can see there. In this example we will create "posts" table and you have to add some manual.....

By Hardik Savani | March 31, 2017 | | 73293 Viewer | Category : PHP Javascript jQuery Codeigniter Ajax

How to create Pagination using dirPagination directive in Angularjs example with demo ?

Angularjs Pagination is not simple like laravel, code php etc, because we have to manage it with JS. In this tutorial i give you to build simple way pagination in your angularjs application. In this example we will use dirPagination directive to add paginate. Pagination Directive provide us very simple way to create paginate like set itemsPerPage, dir-pagination-controls etc. In this example you can see how it simple. You can get more information about Pagination Directive from here : <a href="".....

By Hardik Savani | July 7, 2016 | | 71419 Viewer | Category : Bootstrap AngularJS

Laravel 5.6 - Dynamic Ajax Autocomplete using Vue.js

Today, we are going to learn ajax live search and autocomplete using vue js components in laravel 5.6 application. here we will create simple and nice example of autocomplete in vue.js using laravel api. we will use axios for getting records in vue js, so just follow this tutorial and get full example. As we know everybody is familiar with the concept of Ajax Live Search or Autocomplete for search. If you search on google, youtube or any other famous website, we can see like search with autocomplete. there are also available tools for autocomplete like jquery ui and Typeahead etc, but if you .....

By Hardik Savani | April 30, 2018 | | 70920 Viewer | Category : PHP Laravel Bootstrap MySql Ajax Vue.JS