jQuery

Recent Tutorial

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.

DropDown with Search using jQuery

January 12, 2016
Search is a useful feature for an HTML drop-down list. Especially it will increase user convenience to select items from the drop-down having a long list. In this tutorial, we are going to list country dropdown with a search option. In a previous tutorial, we have seen countries and its dependent dropdown list. In this […]
This tutorial was added to jQuery.

jQuery Color Picker – Predefined Colors

December 8, 2015
This tutorial is to see how to do simple color picker using jQuery. In a previous tutorial, we have seen date picker by using jQuery UI Library. There are various jQuery plugins providing color picker feature. This tutorial gives a simple example code as a guideline to start writing your own jQuery color picker plugin. […]
This tutorial was added to jQuery.

jQuery Menu Slider

August 25, 2015
This jQuery menu slider used to move menu links horizontally on hover. It shows a list of menu labels and highlights active menu with the screen shot. In a previous tutorial, we have seen about how to highlight an active menu item. In this slider example, we have used a jQuery UI sliding function to […]
This tutorial was added to jQuery.

jQuery Sliding Text on Images

August 4, 2015
In this tutorial, we are going to display text on image with a sliding box on the mouse-over event. In the previous tutorial, we have seen sliding images using jQuery effects. In this example, we are using jQuery and CSS to show the sliding text on images. We are using the jQuery slideToggle() function to […]
This tutorial was added to jQuery.

↑ Back to Top