Tag : Source Code


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 | | 255 Viewer | Category : PHP Laravel Javascript Bootstrap jQuery MySql JSON Ajax
READ MORE

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

<br/> After complete 4 steps in our Part 1, we have to proceed next step from Part 2. In this part we write code for how to manage controller method and how to give response them. We also write code for view blade layout files. This part is hart of "Laravel 5 dynamic autocomplete search using select2 JS Ajax" article, In this part you will see the logic of database and blade template. So you have to follow this bellow remaining steps. <strong class="step">Step 5: Create Controller</strong> In this point, now we should create new controller as Select2AutocompleteController in this path <stron.....

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

iOS 7 style switches for checkboxes example using switchery JS

<br/> Switchery is a simple component that help us to make beautiful iOS 7 style switches for our checkbox. In this post we will see how to make ios 7 style switches animation using js plugin. If we make using our custom css then it take long time to integrate. For this example i use CDN of Switchery Plugin so we can simply use CDN without download on local, so we can use bellow path of CDN: <br/> <strong>CDN:</strong> <pre> https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js </pre> Now we will see f.....

By Hardik Savani | January 17, 2017 | | 125 Viewer | Category : Javascript Bootstrap HTML CSS jQuery
READ MORE

Laravel 5 amazon s3 file upload tutorial - Part 1

Today, I am going to share with you How to file upload in AWS s3 using Laravel 5. Laravel 5 introduce new feature in FileSystem that makes easy to upload file or image or docs etc in S3 server. If you plane to keep your files like image, docs(pdf, xlx, docs), video or audio files on Amazon S3 server and access like CDN. So Laravel 5 FileSystem provide to simple way to upload files in amazon s3 server and also get easily file url and remove it etc. In this tutorial we will go through full example of image upload in s3 server from scratch. When we use s3 driver for Storage FileSystem we requir.....

By Hardik Savani | January 4, 2017 | | 735 Viewer | Category : PHP Laravel Bootstrap Amazon API
READ MORE

Laravel 5 amazon s3 file upload tutorial - Part 2

<br/> <br/> In this part we have last two step to create controller and make blade view file for file upload on amazon s3 server using Laravel 5 FileSystem. In this step, we will use "Storage" facade for upload file in amazon server and also get cdn url of uploaded files. So let's follow bellow two step for finish the full example of upload image in s3 server. <strong class="step">Step 5: Create Controller</strong> In this point, now we should create new controller as S3ImageController in this path <strong class="path">app/Http/Controllers/S3ImageController.php</strong>. this controller will.....

By Hardik Savani | January 4, 2017 | | 295 Viewer | Category : PHP Laravel Bootstrap Amazon API
READ MORE

Jquery - How to copy text to clipboard without flash example ?

We sometimes 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 clipboard.js Jquery Plugin for copy to clipboard. clipboard js provide us to simply copy to clipboard, you can simply do alert or message for after success coped. You can simply use by as written following code. <strong>Code:</strong> <pre class="prettyprint lang-php"> var clipboard = new Clipboard('.btn'); <br> clipboard.on('success', function(e) { .....

By Hardik Savani | January 3, 2017 | | 235 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Ajax Image Upload Example with Validation in PHP Laravel Framework

Today, I am going to show you How to image or file upload using jquery Ajax in our Laravel application. In this tutorial i explain step by step example code of ajax image upload using jquery form JS. As you know today, we have basic feature image or file uploading(<a href="http://itsolutionstuff.com/post/laravel-53-image-upload-with-validation-exampleexample.html" target="_blank">Laravel 5.3 Image Upload with Validation example</a>) on our PHP Project Or Laravel application. Client always want to store image for profile, products, items, users etc. Laravel provide very simple way to store tha.....

By Hardik Savani | December 28, 2016 | | 2814 Viewer | Category : PHP Laravel Javascript Bootstrap jQuery MySql Ajax
READ MORE

Simple Example of Bootstrap Lightbox Plugin with demo

Lightbox is a very popular plugin of wordpress and it is very useful for display image gallery. Lightbox will help to make best layout for portfolio, image gallery, banner display etc. So, Bootstrap provide Lightbox by bootstrap-lightbox plugin, bootstrap-lightbox plugin through we can simply use with bootstrap application. In this post we are going to learn how to use Lightbox in Bootstrap Application like with PHP, PHP Laravel, PHP codeigniter, PHP cakephp etc. In this example i take two image and When you click on it Open Lightbox popup with big image. It is a very basic and simple example.....

By Hardik Savani | December 27, 2016 | | 386 Viewer | Category : Bootstrap HTML jQuery
READ MORE

Simple Highcharts Chart Example using PHP MySQL Database

Highcharts is a one type js library, that provide to populate bar chart, line chart, area chart, column chart etc. Highcharts library also provide several theme and graphic design that way you can make better layout. Highcharts is a very popular and simple library for php developer. We can simply use it in our code PHP project and other php framework like laravel(<a href="http://itsolutionstuff.com/post/how-to-add-charts-in-laravel-5-using-highcharts-example.html" target="_blank">How to add charts in Laravel 5 using Highcharts ?</a>), codeigniter, symfony, cakephp etc. In this post, we are le.....

By Hardik Savani | December 20, 2016 | | 1438 Viewer | Category : PHP Bootstrap MySql JSON Highcharts
READ MORE

PHP - Behance API tutorial with example and demo

Today, i am going to share with you how to use behance api in php project. In this article i will explain how to get projects from behance website using their api in your php website or any framework application like laravel, yii2, codeigniter etc. Behance is a networking website and it is very popular website. Behance through you can self promotion like you can make your portfolio and projects in details with title, description, category, images etc. Behance most of the famous for self-promotion. So, today we will learn how to use behance api in php, If you don't know more about how to use .....

By Hardik Savani | December 9, 2016 | | 486 Viewer | Category : PHP Bootstrap Behance API
READ MORE

    Jquery - Animated typing effect using typed js example with demo

    Jquery - Animated typing effect using typed js example with demo

    Open Post

    Bootstrap progress bar animate example using bootstrap-progressbar.js

    Bootstrap progress bar animate example using bootstrap-progressbar.js

    Open Post

    Laravel 5 Instagram API tutorial with example

    Laravel 5 Instagram API tutorial with example

    Open Post

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

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

    Open Post

    Laravel 5 - create quick backend admin panel tutorial

    Laravel 5 - create quick backend admin panel tutorial

    Open Post

    Laravel 5 - Authenticate user in NodeJS with socket io using JWT.

    Laravel 5 - Authenticate user in NodeJS with socket io using JWT.

    Open Post