Tag : Jquery Plugin



How to change date format in jquery using moment JS ?

sometime, we may need to change date format mm/dd/yyyy, mm-dd-yyyy, DD-MM-YYYY, yyyy-mm-dd etc in jquery then you can do it using moment jquery library. here i will give you very simple example that way you can understand how it works, actually it's very easy to use and fantastic. moment.js is a jquery plugin that provide to change date formate from string date. they also provide to compare date, difference between two dates etc. there are several things work with dates, it's like carbon. So i think if you are using jquery then must be use moment js plugin for change date format. I posted in.....

By Hardik Savani | July 27, 2017 | | 6808 Viewer | Category : Javascript HTML jQuery
READ MORE

How to add custom jquery validation for image file upload in summernote ?

Todays, Summernote WYSIWYG editor is a very simple and super fast bootstrap editor. Summernote WYSIWYG editor is a javascript library and it's provide to use their tools for file upload, text bold, color, italy font etc. We can simply use summernote by following their website <a href="http://summernote.org/" target="_blank">"summernote.org"</a>. They provide docs for complete guide and we can use in a minute. They also provide file uploading options, But not more for validation like image max size should be 1mb, file mime type should be png, jpg etc. So we can't do it that simple. However, I.....

By Hardik Savani | July 4, 2017 | | 7325 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Laravel 5 - Confirmation before delete record from database example

Hi Guys, In this post we will learn how to open confirm model box before deleting item in laravel 5 application. As we know very well delete operation is very command and basic feature of every web application. Also delete operation is very important part because if you remove item, post, product, category etc then it will remove from your browser. So we should always prefer to confirmation before remove item. There are several options available to use confirm like jquery ui confirm, sweetalert, bootbox, bootstrap confirmation etc jquery plugin. So we almost use bootstrap theme so it would al.....

By Hardik Savani | June 29, 2017 | | 44620 Viewer | Category : PHP Laravel Bootstrap jQuery MySql Ajax
READ MORE

jQuery Ajax X-editable bootstrap plugin to update records in PHP Example

X-editable is jquery powerful plugin and it's allows you to create editable elements on your page using jquery ajax. X-editable library you can use with only bootstrap, jquery-ui and jquery. X-editable provide us edit inline element using text box, textarea, select, date, datetime, dateui, wysihtml5, select2, typeahead etc. X-editable plugin also provide client side validation. X-editable is giving you good layout if you are using with bootstrap. In this example we will use X-editable with bootstrap plugin. In this post, i will share with you how to update records using jquery ajax with PHP .....

By Hardik Savani | June 27, 2017 | | 18170 Viewer | Category : PHP Javascript Bootstrap HTML jQuery MySql Ajax
READ MORE

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 | | 4534 Viewer | Category : Javascript Bootstrap HTML jQuery
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 | | 30360 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 | | 3467 Viewer | Category : Javascript Bootstrap HTML CSS 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 | | 6988 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Jquery - Animated typing effect using typed js example with demo

Today we will learn How to make typing text effect using jquery plugin in our website. there are several plugins available for different task or effect etc. We may sometimes require to give animated typing effect like typewriter with string for good layout and best gui effect. So, you can also do it using code jquery, But if you use jquery plugin then you can make best and without time wast. So, You can create typing text effect using <strong class="path">typed.js</strong> plugin of jquery. Typed.js plugin give us several option to customize you typing effect like typing speed, loop etc. Usin.....

By Hardik Savani | October 20, 2016 | | 23192 Viewer | Category : HTML CSS jQuery
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 | | 81530 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

    Laravel 5 import export to excel and csv using maatwebsite example.

    Laravel 5 import export to excel and csv using maatwebsite example.

    Open Post

    Laravel 5 - Paypal Payment Integration example using netshell/paypal package from scratch

    Laravel 5 - Paypal Payment Integration example using netshell/paypal package from scratch

    Open Post

    Laravel 5 - Simple CRUD Application Using ReactJS - Part 1

    Laravel 5 - Simple CRUD Application Using ReactJS - Part 1

    Open Post

    Laravel 5 - Create modular structure application example using L5Modular package

    Laravel 5 - Create modular structure application example using L5Modular package

    Open Post

    Solved - Access Not Configured. Google+ API (truncated...) on google console developer

    Solved - Access Not Configured. Google+ API (truncated...) on google console developer

    Open Post

    PHP - Input multiple tags with dynamic autocomplete example

    PHP - Input multiple tags with dynamic autocomplete example

    Open Post