Demo Post



PHP - Bootstrap autocomplete tokenfield with Ajax Example

In this post, i am share with you example of how to make tokenfield autocomplete with ajax in PHP. I will give you very simple example so you can easily use with your core PHP Project and other framework like Laravel, codeigniter etc. Here in this example we use Bootstrap tokenfield plugin for tags ajax autocomplete. tokenfield plugin is advanced tagging/tokenizing plugin for jQuery and Twitter Bootstrap with a focus on keyboard and copy-paste support. tokenfield plugin also provide typeahead js for tags autocomplete, But it this example i use jquery ui for autocomplete ajax. In this example.....

By Hardik Savani | February 10, 2017 | | 37217 Viewer | Category : PHP Bootstrap jQuery MySql Ajax
READ MORE

Bootstrap daterangepicker example code with demo using daterangepicker.js

Sometimes, we may require to use daterangepicker in our php project or laravel project etc, then you can use date range picker easily using daterangepicker.js plugin. In this post i give you full example from scratch and also give you demo that way you can check how it's looks like. So just copy bellow code and run in your local system. <img src="/upload/daterangedemo.png" width="100%" class="img-responsive" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - Bootstrap Daterangepicker Example</title> <scri.....

By Hardik Savani | May 28, 2016 | | 36291 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Laravel 5 Instagram API tutorial with example

Today, I am going to show you how to access Instagram Feed using instagram API. We can get our instagram feed without using any composer package, I simply use GuzzleHttp for getting instagram feed, We can also get location, likes, comments, images, name, id and etc. GuzzleHttp provide use fire get request to given api, So i simply run "https://www.instagram.com/username/media" API like, It is very basic example without generate instagram token. Here you can access feed of any user by username. This example is very simple and you can get by follow few step, you can also check demo and after r.....

By Hardik Savani | November 21, 2016 | | 34277 Viewer | Category : Laravel Bootstrap Instagram API
READ MORE

Select only one checkbox at a time using Jquery

If you need to select one checkbox at a time in multiple checkbox, i mean you want to allow anly one checkbox user can check then you can do easily using jquery. jquery prop() through you can give attribute value checked equel to true or false. if you have banch of checkbox like as example, and if you want to check checkbox at time one by using jquery then you can use this code. In following example use for you to do select at a time one. <strong>Example:</strong> <pre class="code language-html"> <html> <head> <title>Select only one checkbox at time</title> <scri.....

By Hardik Savani | February 5, 2016 | | 32966 Viewer | Category : Javascript HTML jQuery
READ MORE

Laravel 5 - Generate Captcha code and Validation example using BotDetect package

I think we should use captcha code on our registration form because captcha code prevent spams, bots etc. Most of the application we need to use captcha varification because it very important for security reason. There are several library to generate captcha image in Laravel. In this example i use BotDetect package library for generate captcha image and using their validation. BotDetect is very popular library and very customize library. they provide several ui design for captcha code and also how much character do you want?, you can set all the thing using this package. In this post i give y.....

By Hardik Savani | May 5, 2016 | | 32541 Viewer | Category : Laravel
READ MORE

Laravel 5 - Ajax crop image before upload using using croppie plugin

In this article i will let you know jquery ajax crop image before upload using croppie plugin in Laravel 5 application. After several feedback and request from viewer for post of laravel 5 crop image upload example, i decide to find good plugin and post for ajax crop image in laravel 5 application, Last few days ago i already posted for image uploading with laravel like <a href="http://itsolutionstuff.com/post/ajax-image-upload-example-with-validation-in-php-laravel-frameworkexample.html" target="_blank" >Ajax Image Upload Example With Validation in Laravel</a>, <a href="http://itsolutionstuf.....

By Hardik Savani | June 24, 2017 | | 32117 Viewer | Category : PHP Laravel Bootstrap jQuery Ajax
READ MORE

AngularJS tooltip using UI Bootstrap tpls HTML example with demo

We are mostly use tooltip when the user hovers his cursor over a specific element purpose. In this post we going to create tooltip when cursor hovers on button, in this example i use ui-bootstrap-tpls plugin for tooltip. If you don't more about this plugin then no worry it is from scratch. In this example i added four button for different placement like top, right, left and bottom, so that way you can use any more that you want. So let's bellow example and also you can check demo. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en-US"> <br/> <link rel="sty.....

By Hardik Savani | July 5, 2016 | | 31195 Viewer | Category : Bootstrap AngularJS
READ MORE

Laravel 5 - line chart example code using google charts API

In now-days, Google have several popular API like map, chart, analytics etc. Google charts JS API is also very popular and it is pretty simple to integrate with our application or projects. In this post, i going to give you example of Google line chart, How to user Google line chart in your laravel 5 application. Google charts js provide several other charts like bar chart, Area chart, Column Chart, Pie Chart, GEO Chart etc. In this post we will use line chart with good graphical way. you can use in your laravel application, you just follow few step, after you can get output as bellow preview.....

By Hardik Savani | August 4, 2016 | | 29393 Viewer | Category : Laravel Google API
READ MORE

Jquery Datepicker example code with demo using Jquery UI

Many times, we may require to use Datepicker in our project. Jquery ui provide Datepicker library that way we can use easily in our any project like php, .net , or any other php framework. In this example i use jquery datepicker in html file with full source code that way you could run own. So just copy bellow code and run in your local system. <strong>Example:</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Jquery - Datepicker Example using jquery ui</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js".....

By Hardik Savani | June 19, 2016 | | 29154 Viewer | Category : Javascript HTML jQuery JQuery UI
READ MORE

Jquery Select2 - Select box with search example code

We always like to choose good plugin for search option in select box. In this example i added select2.js, that provide select box with search option. If you use select2.js, you don't require to add bootstrap js or css. It provides it's own js and css code. I give you full example of select box with search option. After run this example you will find bellow preview. <strong>Preview:</strong> <img src="/upload/select2-search-option.png" style="width:100%;border:1px solid red" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <br/> <head> <br/> .....

By Hardik Savani | July 29, 2016 | | 28977 Viewer | Category : jQuery
READ MORE


    Laravel 5 dynamic autocomplete search using select2 JS Ajax - Part 2

    Laravel 5 dynamic autocomplete search using select2 JS Ajax - Part 2

    Open Post

    How to use groupby having with DB::raw in Laravel Query Builder?

    How to use groupby having with DB::raw in Laravel Query Builder?

    Open Post

    Simple PHP Ajax Form Validation Example from scratch

    Simple PHP Ajax Form Validation Example from scratch

    Open Post

    How to create ban/revoke user functionality in Laravel 5 example ?

    How to create ban/revoke user functionality in Laravel 5 example ?

    Open Post

    Laravel 5.2 API using JWT authentication tutorial from scratch example

    Laravel 5.2 API using JWT authentication tutorial from scratch example

    Open Post

    Laravel 5.5 - Validation Data Return - New Feature

    Laravel 5.5 - Validation Data Return - New Feature

    Open Post