Category : Javascript


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 | | 2563 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 | | 45959 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 | | 7014 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 | | 2610 Viewer | Category : Javascript
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 | | 21026 Viewer | Category : Javascript
READ MORE

Laravel 5 - category treeview hierarchical structure example with demo

Today, I am going to share with you how to create dynamic category tree view structure in Laravel 5 application using jquery. We sometime require to make tree view structure for category and subcategory. In this tutorial i simple create "categories" table and manage end level of parents and child category with nested tree view structure in Laravel application. I use jquery for make tree view layout and child relationship with category model for hierarchical data. I also add form for create new category in tree view. If you are new in laravel then also you can do it simple and also simply cus.....

By Hardik Savani | November 9, 2016 | | 46157 Viewer | Category : Javascript
READ MORE

How to get gravatar image from email using Jquery?

Sometimes, we require to get gravatar image from email address in jquery. So, today i am going to share with you how to get gravatar image from email. Gravatar is a service for providing globally unique avatars. We can simply create our account and set avatar image that we want. There are several developer and users are using this service. So, that way any of site we can simply get avatar image from email address from Gravatar account. Today, in this example i also checked everything, If email does not registered then we can Set default image if user doesn't have Gravatar. So let's follow be.....

By Hardik Savani | October 28, 2016 | | 1584 Viewer | Category : Javascript
READ MORE

AngularJS - Display Default image if original image does not exists with example

We always require to check image is exists or not in given path, If not exists then we have to set default image. If we work on PHP or any framework then we check condition or something else for image exists of not to check But If you are working on AngularJS framework then we can do it using "directive". AngularJS directive through we can simple check image is exists or not on the given url path. In this example i use ng-src and err-src attribute to manage image, directive will check ng-src url image is exists or not, if not then it will set err-src image as default. So, I give you very bas.....

By Hardik Savani | October 18, 2016 | | 2223 Viewer | Category : Javascript
READ MORE

Bootstrap - Show/Hide(toggle) Password input field using bootstrap-show-password.js Plugin

Sometimes, we may require to hide show password input field so, user can see what he written in password in register form or any other form. So, If you used Bootstrap framework then you can simply do it by using bootstrap-show-password.js plugin. Bootstrap show Password plugin give us to good layout and with we can also custom set class when password hide or show. We can also set toggle hide show password input field. In this full example i use bootstrap-show-password.js plugin for hide show password field. You can sole use this example simply by bellow small example. <strong>Preview:</str.....

By Hardik Savani | October 15, 2016 | | 14315 Viewer | Category : Javascript
READ MORE

Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

Today, we are going to learn you how to use tagmanager plugin for input tag in bootstrap project. Now days, we know bootstrap is very popular framework and they provide us several plugins for small things like autocomplete, datepicker, colorpicker etc. Tag Manager is jquery plugin but we can simply integrate with bootstrap. So, in this post i give you very basic example of tagmanager.js plugin for input tags. Tag Manager plugin through we can make input tags function and it's provide by maxfavilli.com. Input tags will help to add multiple tags with good layout and better way. If you need t.....

By Hardik Savani | October 13, 2016 | | 4152 Viewer | Category : Javascript
READ MORE

    Jquery - Animated typing effect using typed js example with demo

    Jquery - Animated typing effect using typed js example with demo

    Open Post

    Dynamic Autocomplete search using Bootstrap Typeahead JS Example

    Dynamic Autocomplete search using Bootstrap Typeahead JS Example

    Open Post

    How to add ckeditor with image upload in Laravel ?

    How to add ckeditor with image upload in Laravel ?

    Open Post

    Multi select autocomplete jquery example with code

    Multi select autocomplete jquery example with code

    Open Post

    How to add charts in Laravel 5 using Chart JS ?

    How to add charts in Laravel 5 using Chart JS ?

    Open Post

    Laravel 5 - create quick backend admin panel tutorial

    Laravel 5 - create quick backend admin panel tutorial

    Open Post