Category : jQuery



Jquery - draggable sortable table rows example demo with bootstrap

If you need to drag and drop table rows in your project then you can do it easily using jquery ui. jquery ui provide sortable(), it helps to make sortable table each row and also we can perform ajax code etc in sortable function. We can generally use when we require to change order for our product table or etc. In this example you can learn how to drag and drop of your ravle tr using sortable() of jquery ui. I also use bootstrap that way layout become pretty. So you can see bellow example: <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> &l.....

By Hardik Savani | June 17, 2016 | | 133201 Viewer | Category : jQuery
READ MORE

How to check file size when select multiple file validation using Jquery?

Sometimes we require to add validation of max file size using jquery, If we have only single file for validation then we can do it easily that, but if we have multiple file then you have to calculate size of all selected files and then check max required file size. So, in this example you can see how to check validation for max size in multiple file select using jquery. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - multiple image upload with size validation</title> <script src="http://ajax.googleapis.co.....

By Hardik Savani | June 15, 2016 | | 15684 Viewer | Category : jQuery
READ MORE

HTML tags are not allowed in textbox validation using Jquery

I have two example that prevent HTML tags are not allowed in textbox using focusout event of jquery. You can chose any if you think it is best for me. In the first example i use regular expression for prevent html tags in my textarea and in second example i user directly check with html tags. So you can check both and use <strong>Example 1:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - HTML Tag are not allowed in textarea</title> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></scrip.....

By Hardik Savani | June 12, 2016 | | 9636 Viewer | Category : jQuery
READ MORE

Ckeditor required field validation example in Jquery

we can add required field validation easily using jquery if we have textbox, textarea, select box etc, but if we used ckeditor then it's not simple. In this example i give you how to add Ckeditor required field validation in javascript. we can do it using CKEDITOR.instances, so if you also require then you can use it. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - ckeditor required field validation</title> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> .....

By Hardik Savani | June 11, 2016 | | 19043 Viewer | Category : jQuery
READ MORE

Jquery notification popup box example using toastr JS plugin with demo

We always need to use notification in our project, because for example if user add new record and we need to display notification with success alert, when comes error then display error notication. So if you use jquery notification popup then it's better that way it's layout looks like good. In this example i use toastr.js plugin that provide several notification type like warning, success, info, error etc and several function. toastr Jquery plugin you can use easily with bootstrap and very customize. You can run bellow example and you can see how it works and pretty good. <strong>Example:</.....

By Hardik Savani | June 10, 2016 | | 60876 Viewer | Category : jQuery
READ MORE

How to get ip address in jquery?

you can get ip address in jquery using getJSON(). If you need to get ip address in your js file you can get easily. In this example you can see how to get ip address in jquery. So let's try with this... <strong>Example</strong> <pre class="prettyprint lang-php"> <html lang="en"> <head> <title>Jquery - get ip address</title> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> </head> <body> <br/> <h1>Your Ip Address : <span class="ip"></span></h1> <br/> <script type="text/java.....

By Hardik Savani | June 8, 2016 | | 5902 Viewer | Category : jQuery
READ MORE

Jquery highlight search text in div using highlight JS with example

If you want to highlight search text in your page using jquery then you have to choose highlight JS Jquery plugin. highlight JS Plugin is very simple to use and more simple. In this example i give you example using highlight JS. So, you can also check preview you can see after run bellow example. <strong>Preview:</strong> <img width="100%" style="border:1px solid black" src="/upload/Jquery-highlight-search.png"> In this example you have to just copy code and paste in your index.html file and run that file. After run this file you will found like above preview. <strong>index.html</strong> <pre.....

By Hardik Savani | June 4, 2016 | | 6145 Viewer | Category : jQuery
READ MORE

Bootstrap daterangepicker example code with demo using daterangepicker.js

Sometimes, we may require to use daterangepicker in our php project or laravel project etc, then you can use date range picker easily using daterangepicker.js plugin. In this post i give you full example from scratch and also give you demo that way you can check how it's looks like. So just copy bellow code and run in your local system. <img src="/upload/daterangedemo.png" width="100%" class="img-responsive" /> <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - Bootstrap Daterangepicker Example</title> <scri.....

By Hardik Savani | May 28, 2016 | | 39727 Viewer | Category : jQuery
READ MORE

Jquery - input tags plugin example using jquery.tagsinput.js plugin

If you require to add multiple tags from input then you can do it using XOXCO plugin. In this example you can do it quickly. jquery tagsinput will help to add multiple tags with good layout. After run bellow example you will found like preview. In this example i use cdn js path that way you don't require to download any js from internet. So you have to just copy this file and run in your sytem. it will words. <strong>Preview:</strong> <img class="img-responsive" style="border:2px solid" src="/upload/Jquery-input-tags-plugin.png"> <strong>Example:</strong> <pre class="prettyprint lang-html"> .....

By Hardik Savani | May 25, 2016 | | 9228 Viewer | Category : jQuery
READ MORE

How to remove all whitespace from string in JQuery?

Sometimes we require to remove white space from given string. So at that time you can delete spaces from string using replace() of core php. replace() will help to replace your blank space or empty space or extra space or trailing space from string that way we can remove. you can do it from bellow example. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - Remove white space from string</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> </head> <bod.....

By Hardik Savani | May 24, 2016 | | 10085 Viewer | Category : jQuery
READ MORE

    How to delete multiple records using checkbox in Laravel 5 ?

    How to delete multiple records using checkbox in Laravel 5 ?

    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 - send email using Markdown Mailables

    Laravel 5.4 - send email using Markdown Mailables

    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 implement Email Verification with Activation Code example from Scratch in Laravel 5.2 ?

    How to implement Email Verification with Activation Code example from Scratch in Laravel 5.2 ?

    Open Post

    Magento 2 - How to solve one or more indexers are invalid by command line?

    Magento 2 - How to solve one or more indexers are invalid by command line?

    Open Post