jQuery

Recent Tutorial

Dependent Auto Suggest with jQuery

June 14, 2016
Auto-suggest feature for a form field will reduce user’s effort while entering input data. In this post, we are going to see how to do auto suggest for a dropdown field depends upon the result of another dropdown. In a previous post, we have seen how to create dependent dropdown and dropdown with auto suggest, separately. […]
This tutorial was added to jQuery.

Responsive Menu with jQuery and CSS

June 2, 2016
Responsive design for our web page is used to make the page to be flexible for various screen sizes. Previously, we have seen about how to create responsive web page using CSS media queries. In this example, we have a header menu component. We are going to make it responsive for two different screen sizes. […]
This tutorial was added to jQuery.

jQuery Fade Out Message after Form Submit

April 17, 2016
In this, tutorial we will see about how to code a message that fades out using jQuery. After jQuery AJAX form submits, we have to respond the user with a fade-in fade-out message. We have already seen the jQuery fading effects on the mouse over event of HTML image elements. We have an example with an […]
This tutorial was added to jQuery.

Change Theme using jQuery Split Button

April 4, 2016
In this post, we are going to see how to change theme color using jQuery. We have an example with a split button having two parts. One is for default theme and the other is to browse more themes. In this example, we have three themes Mercury, Sky, Gold and separate CSS files for these […]
This tutorial was added to jQuery.

Switch CSS Class Using jQuery

March 24, 2016
In this post, we are going to switch the CSS class using jQuery. In a previous post, we have seen how to switch CSS file based on the screen size to make page responsive. We have an example showing an image icon which is smaller on page load. And then we are switching the class […]
This tutorial was added to jQuery.

Switch CSS Based on Window Size using jQuery

March 17, 2016
Here we are going to see an example to switch CSS file dynamically based on the window size. In this example code, we are having two CSS files. One is for the web and the other is for the mobile viewport. We are having a jQuery function to switch CSS based on window size. This […]
This tutorial was added to jQuery.

Equal Height Columns with jQuery

March 16, 2016
In a multi-column template, the columns height is based on the content length. If the content lengths are varied then the columns will not be even and will not have a good look and feel. We can do this dynamically to equate the column heights. We have an example of a two-column template. These two […]
This tutorial was added to jQuery.

Prevent Form Double Submit using jQuery

March 9, 2016
In this tutorial, we will see how to avoid duplicate submit using jQuery. While submitting a form via an AJAX function, the page will not refresh. So, the user interface will not show any progress about the server side execution taking place. It will lead duplicate form to submit. To overcome this problem, we are […]
This tutorial was added to jQuery.

Restrict Typing Invalid Data in Form Field using jQuery

March 9, 2016
By restricting users from typing invalid data we can minimize validation errors in an earlier stage. Let us see an example to do this using jQuery. In this example, we are having two fields name and phone in our HTML form. In the name field, we can enter only alphabets and in the phone, only […]
This tutorial was added to jQuery.

Enable Disable Submit Button Based on Validation

March 9, 2016
Now we are going to see about how to enable or disable form submit button based on the form validation result. In a previous example, we have seen form validation using PHP on clicking submit button. We have an example with an HTML form with disabled submit button. And then, we are enabling it by validating […]
This tutorial was added to jQuery.

jQuery Ajax Column Sort

March 9, 2016
Sorting MySQL column via an AJAX call will prevent us from sending the column name and column order in URL. So, it makes page URL simple. In the last article, we have seen about how to sort MySQL column using PHP with a page refresh. HTML Header with AJAX Call This HTML code contains database […]
This tutorial was added to jQuery.

jQuery News Ticker

March 7, 2016
jQuery News Ticker is used to marquee list of text one by one. Previously I launched MangoTicker a responsive news ticker plugin using Javascript. Now we are going to see a simple news ticker example using jQuery. In this example, we are going to achieve it using few lines of code. And, we are not […]
This tutorial was added to jQuery.

Read HTML5 Data Attribute via jQuery

March 6, 2016
In HTML5, it has data-* attribute which is used to store custom data with an HTML element. This attributes used to keep more information on HTML elements. When we access these elements from javascript, the adequate information stored will make our work easy. We are going see an example to read HTML5 data-* attribute via […]
This tutorial was added to jQuery.

Image Flip with jQuery CSS

March 1, 2016
In this tutorial, we are going to see how to flip an image using jQuery and CSS. In a previous tutorial, we have seen various jQuery animation to rotate image. In this example, we are flipping images in a horizontal direction using 3D transform. We are using CSS transform property to flip images in X-axis. This […]
This tutorial was added to jQuery.

jQuery Background Slider

February 21, 2016
Web page content with background slideshow will give rich look and feel and a beautiful page. In a previous tutorial, we have seen jQuery image slider by changing tags sources at a periodic interval. We are using jQuery Backstretch plugin to run a background image slide for a web page. This slider plugin stretches images […]
This tutorial was added to jQuery.

↑ Back to Top