Tag : Example


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 | | 85 Viewer | Category : Javascript Bootstrap HTML CSS jQuery
READ MORE

How to get location information from ip address in Laravel ?

Sometimes, we may require to get user information from ip address in Laravel 5 application at that time this article can help to get info from IP. We can get information from IP Address using "stevebauman/location" composer package for Laravel. "stevebauman/location" through we can get info like country Name, country Code, region Code, region Name, city Name, zip Code, iso Code, postal Code, latitude, longitude, metro Code, metro Code. They will provide bellow following details that they can get from IP. So first we require to install "stevebauman/location" composer package by using followin.....

By Hardik Savani | January 11, 2017 | | 270 Viewer | Category : Laravel
READ MORE

Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example - Part 1

In this Tutorial, I am going to share with you how to make dynamic dependent dropdown box using Ajax like When i select category, then sub category select box value should be change. We can't do this stuff without ajax. So, in this Post i am going to give you full and very simple example of dynamic select box using change event of jquery. This article written in two parts, so it can be easy to understand and if you are beginner then also you can simply perform because this tutorial is from scratch. In this example i created two tables as listed bellow: <strong>1)countries</strong> <strong>2).....

By Hardik Savani | January 8, 2017 | | 1491 Viewer | Category : PHP Laravel Bootstrap jQuery MySql Ajax
READ MORE

Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example - Part 2

<br/> After complete our fist part of Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example, Now we have to do main task for Dynamic select box value. In this part we follow two step for create Controller File and Laravel Blade File. In this part we write code for how to manage controller method and how to give response them. So let's follow this bellow remaining two step of change drop down options on change of parent dropdown. So let's follow: <strong class="step">Step 5: Create Controller</strong> In this point, now we should create new controller as AjaxDemoController in th.....

By Hardik Savani | January 8, 2017 | | 558 Viewer | Category : PHP Laravel Bootstrap jQuery MySql Ajax
READ MORE

MySql comma separated column join in PHP Laravel 5

If we work in big application or project of Laravel Framework, sometimes we require to manage column value into comma separated because we can save memory of database. But if we store comma separated value in column with ids then it's difficult to inner join or left join and get records from another tables. However, SQL provide FIND_IN_SET() for checking value one by one, that way we can also search from comma separated value. FIND_IN_SET() will help to join with tables and we can simply get data. In this post, I will give you full example of how to get data from comma separated column table.....

By Hardik Savani | January 7, 2017 | | 322 Viewer | Category : PHP Laravel MySql SQL
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 | | 705 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 | | 270 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 | | 210 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 | | 2737 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 | | 371 Viewer | Category : Bootstrap HTML jQuery
READ MORE

    Jquery - Display a loading gif image before a image loads using Eager ImageLoader plugin

    Jquery - Display a loading gif image before a image loads using Eager ImageLoader plugin

    Open Post

    Angularjs nl2br(textarea newline and linebreak conversion) example with demo

    Angularjs nl2br(textarea newline and linebreak conversion) example with demo

    Open Post

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

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

    Open Post

    How to create middleware for XSS protection in laravel 5?

    How to create middleware for XSS protection in laravel 5?

    Open Post

    Laravel 5 - line chart example code using google charts API

    Laravel 5 - line chart example code using google charts API

    Open Post

    AngularJS - scroll to a specific element using anchorscroll

    AngularJS - scroll to a specific element using anchorscroll

    Open Post