Tag : Demo


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 | | 10600 Viewer | Category : PHP Laravel Bootstrap jQuery Ajax
READ MORE

Codeigniter multiple drag and drop image upload example from scratch

Today i would like to share with you drag and drop image upload using dropzone.js in codeigniter application. We always require to make multiple file or image uploading function in our web application or project. We use input with multiple with image upload but it's not looks great and user does not like pretty much, so we should make it better. Image uploads is very basic feature for all project or website, But if you are working on PHP or any PHP framework like laravel, codeigniter, yii etc then you can simply use dropzoneJS library. dropzone.js is an open source js library that you can s.....

By Hardik Savani | June 11, 2017 | | 3137 Viewer | Category : PHP Bootstrap jQuery Codeigniter Ajax
READ MORE

Bootstrap multiselect dropdown in popup using popupMultiSelect plugin

In this example, i will share with you example of multiselect listbox in popup using popupMultiSelect.js plugin. popupMultiSelect plugin you can simply use in your php, laravel, codeigniter, angularjs projects. We may sometime require to make multiple select on select box. You can simply use select box with multiple attribute. But if you are using Bootstrap then you can make it pretty good layout. Yes in this example we will use popupMultiSelect plugin for multiselect dropdown box. popupMultiSelect plugin provide us when you click on select box it will open popup and display all options there.....

By Hardik Savani | May 21, 2017 | | 3892 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

How to create custom scrollbar using jquery mcustomscrollbar plugin ?

In this post, we will learn how to make custom scrollbar will better layout using jquery.mcustomscrollbar plugin. We always want to make best layout of scrollbar instead of default browser layout. default browser layout scrollbar always deferent layout because it depend of browser. So today in this post you can see how to make pretty beautifully scrollbar using mcustomscrollbar plugin. mcustomscrollbar plugin provide us several other option to make more better like set theme and options. So here i make very simple example using mcustomscrollbar cdn, you can see layout of example and also you .....

By Hardik Savani | May 4, 2017 | | 1943 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

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 | | 17994 Viewer | Category : PHP Javascript jQuery Codeigniter Ajax
READ MORE

How to copy to clipboard without flash in AngularJS ?

In this post we are going learn how to copy to clipboard in AngularJS application using ngclipboard js plugin. I provide very simple example using CDN, so you can simply run and understand well. when require to give function of copy some text by clicking on button or any link. There are several library can do copy text using flash player, but in this example i will do it without using flash player. In this example we will use ngclipboard.js AngularJS Plugin for copy to clipboard. Now i am going to share with you full example of ngclipboard js plugin. I use cdn for jquery and ngclipboard js .....

By Hardik Savani | February 21, 2017 | | 4871 Viewer | Category : jQuery AngularJS
READ MORE

Codeigniter 3 - CRUD(Create, Read, Update and Delete) using JQuery Ajax, Bootstrap, Models and MySQL

Today, i am going to share with you how to create CRUD Application with pagination using JQuery Ajax in Codeigniter 3. CRUD is a basic step of any Core Language or framework. CRUD stand for Create Read Update and Delete. So in this post we will learn insert update delete in codeigniter using jquery Ajax. I gave you example from scratch so if you don't know about Codeigniter 3 then no issue. You have to just follow simple step. There are listed bellow step you have to follow: <strong>1)Download Fresh Codeigniter 3</strong> <strong>2)Create Database and Configuration</strong> <strong>3)Add Ro.....

By Hardik Savani | February 19, 2017 | | 113024 Viewer | Category : PHP Bootstrap HTML jQuery MySql Codeigniter
READ MORE

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 | | 23231 Viewer | Category : PHP Bootstrap jQuery MySql Ajax
READ MORE

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="http://itsolutionstuff.com/post/bootstrap-input-multiple-tags-example-using-tag-manager-jquery-pluginexample.html" target="_blank">Bootstrap - Input mu.....

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

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

Today, I am going to share with you how to make dynamic autocomplete select dropdown from database using select2.js plugin in our Laravel 5 application. Why we have to use autocomplete for our project ?, Sometimes we have more or thousands of records on our tables like users, products, tags etc, so that can not possible to handle in manage from select box. But you must require to make select dropdown for your products tables then you can do it using select2.js plugin. I already post autocomplete with Bootstrap Typeahead Plugin(<a href="http://itsolutionstuff.com/post/laravel-5-autocomplete-us.....

By Hardik Savani | January 19, 2017 | | 12211 Viewer | Category : PHP Laravel Javascript Bootstrap jQuery MySql JSON Ajax
READ MORE

    Laravel 5 - whereIn and whereNotIn with subquery example using query builder

    Laravel 5 - whereIn and whereNotIn with subquery example using query builder

    Open Post

    AngularJS - convert comma separated string to array example

    AngularJS - convert comma separated string to array example

    Open Post

    Jquery Select2 - Select box with search example code

    Jquery Select2 - Select box with search example code

    Open Post

    Bootstrap multiselect dropdown in popup using popupMultiSelect plugin

    Bootstrap multiselect dropdown in popup using popupMultiSelect plugin

    Open Post

    Laravel 5.3 new feature and update - $loop variable

    Laravel 5.3 new feature and update - $loop variable

    Open Post

    How to install laravel in your Android Phone

    How to install laravel in your Android Phone

    Open Post