Category : jQuery


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 | | 81 Viewer | Category : jQuery
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 | | 1484 Viewer | Category : jQuery
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 | | 553 Viewer | Category : jQuery
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 | | 208 Viewer | Category : 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 | | 2734 Viewer | Category : jQuery
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 | | 370 Viewer | Category : jQuery
READ MORE

How to get Instagram followers count using JQuery Ajax?

Today, I am going to share with you how to retrieve number of followers, media, followed by you, username, profile picture, fullname etc by using jquery ajax. You can simply get count in your PHP Project or any php framework also like laravel, codeigniter, symfony etc. When i was working on my php project and i require to get count total instagram followers of me. I did search a lot but i nothing get good on PHP, Finally i was thinking if it is possible by jquery ajax then it will be best. Again i search more and finally got something. In this solution we have to generate access token for out.....

By Hardik Savani | December 19, 2016 | | 414 Viewer | Category : jQuery
READ MORE

How to retrieve number of twitter followers count without authentication or api ?

In this post i going to share with you How to get total twitter followers count from twitter username without api authentication or token. Yesterday i was working on my laravel 5 application and i require to get count total twitter followers from username. I did search a lot but i nothing get good on laravel or PHP, Finally i was thinking if it is possible by jquery ajax then it will be best. Again i search more and finally got something. We can simply get number of twitter followers by using cdn widgets, So we are going to use bellow cdn with screen_name = twitter username as like bellow: <.....

By Hardik Savani | December 16, 2016 | | 427 Viewer | Category : jQuery
READ MORE

AngularJS - scroll to a specific element using anchorscroll

Sometimes, we require to scroll on specific element or div on angularjs application like scroll for go on specific comment, scroll on specific table row it. However we can do it using anchorscroll in angularjs application. anchorscroll() will help to scroll on specific "anchor" div id. anchorscroll() is provided by angularjs. We can use it simply. We don't require to write login on code jquery, because it is easy to do using anchorscroll(). $anchorScroll will use with $location variable hash. I gave you full example of how to scroll on specific element on angularjs page, We can use simple as.....

By Hardik Savani | December 15, 2016 | | 400 Viewer | Category : jQuery
READ MORE

PHP - multiple file uploading dropzone js example

We always require to make multiple file or image uploading function in our common website or project. We use input with multiple with image upload but it's not looks great and user does not like pretty much, so you should make it better. Image uploads is very common for all 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 Library provide us to drag and drop multiple file uploading. Dropzone JS is a open source javascript library. Dropzone JS library is very simple to use. Dropzone JS also pro.....

By Hardik Savani | December 4, 2016 | | 1749 Viewer | Category : jQuery
READ MORE

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

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

    Open Post

    How to install laravel framework on windows xampp server from scratch?

    How to install laravel framework on windows xampp server from scratch?

    Open Post

    Laravel 5 Redirect to URL using redirect() helper

    Laravel 5 Redirect to URL using redirect() helper

    Open Post

    Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

    Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

    Open Post

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

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

    Open Post

    Ajax Image Upload Example with Validation in PHP Laravel Framework

    Ajax Image Upload Example with Validation in PHP Laravel Framework

    Open Post