Category : Javascript

ItSolutionStuff.com have tutorials for Javascript, here you can study articles of Javascript, Javascript posts collection, most popular and useful tutorials of Javascript, here you can find list of all relevant posts and example about Javascript, we have lists of tutorials and examples about Javascript.very simple and quick example collection of Latest Javascript category.



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 | | 6167 Viewer | Category : Javascript
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 | | 56602 Viewer | Category : Javascript
READ MORE

PHP - How to make dependent dropdown list using jquery Ajax?

In this post, i am going to share with you how to make dynamic dependent dropdown list using jquery ajax with php MySQL. In this simple example through we understand how to work dependent dropdown in core PHP even if you beginner. I also posted for php laravel framework <a href="http://itsolutionstuff.com/post/how-to-make-simple-dependent-dropdown-using-jquery-ajax-in-laravel-5example.html" target="_blank">How to make simple dependent dropdown using jquery ajax in Laravel 5?</a>. We sometimes require to make dependent dropdown like when state select at that time bellow city drop down list sho.....

By Hardik Savani | March 15, 2017 | | 45200 Viewer | Category : Javascript
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 | | 37676 Viewer | Category : Javascript
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 | | 71323 Viewer | Category : Javascript
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 | | 4314 Viewer | Category : Javascript
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 | | 8095 Viewer | Category : Javascript
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 | | 128681 Viewer | Category : Javascript
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 | | 27735 Viewer | Category : Javascript
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 | | 19048 Viewer | Category : Javascript
READ MORE

    Codeigniter Ajax Form Validation Example

    Codeigniter Ajax Form Validation Example

    Open Post

    Laravel 5 - Simple CRUD Application Using ReactJS - Part 3

    Laravel 5 - Simple CRUD Application Using ReactJS - Part 3

    Open Post

    How to change date format in jquery using moment JS ?

    How to change date format in jquery using moment JS ?

    Open Post

    Laravel 5 amazon s3 file upload tutorial - Part 1

    Laravel 5 amazon s3 file upload tutorial - Part 1

    Open Post

    Laravel 5.4 New Feature - Add new Components & Slots in Blade Template

    Laravel 5.4 New Feature - Add new Components & Slots in Blade Template

    Open Post

    Multi select autocomplete jquery example with code

    Multi select autocomplete jquery example with code

    Open Post