jQuery

Recent Tutorial

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.

jQuery AJAX Add Edit Modal Window

July 26, 2015
In this tutorial, we are going to see how to do AJAX add/edit operations by showing jQuery modal form. In a previous tutorial, we have seen PHP crud using jQuery AJAX. In this example, we are displaying add and edit forms in a modal dialog. After performing Add/Edit, the form will be closed automatically. The […]
This tutorial was added to jQuery.

jQuery Form Validation with Tooltip

July 20, 2015
In this tutorial, we are validating a contact form and showing error message by using jQuery tooltip. In a previous tutorial, we have seen an example of jQuery AJAX contact email with form validation. In this jQuery tooltip example, we are highlighting form fields to show validation results. And then we are calling tooltip function […]
This tutorial was added to jQuery.

jQuery Image Carousel

July 6, 2015
This tutorial is used to create image carousel using jQuery. In a previous tutorial, we have seen jQuery image slider to turn images with periodically. In this example, we have four images for running this carousel.We are showing previous and next icons on the mouse-over event of the images to be scrolled back and forth. […]
This tutorial was added to jQuery.

jQuery Active Menu Highlight

June 21, 2015
There are various ways to highlight the active menu item. In this tutorial, we are using jQuery and CSS for adding menu highlighting style dynamically. In a previous tutorial, we have seen how to create scrolling menu using jQuery. In this example, we have added menu highlight effects on the click event of the menu […]
This tutorial was added to jQuery.

jQuery Scrolling Menu

June 11, 2015
Scrolling menu bar over the page scroll will increase menu usability. It helps a user to reach menu area easily. In a previous tutorial, we have seen about how to scroll a floating contact form. In this example, we are having a fixed positioned scrolling menu. While navigating through this menu we have added jQuery […]
This tutorial was added to jQuery.

Pause Resume Slider using jQuery

April 27, 2015
In a previous tutorial, we have seen about how to create jQuery image slider. In this tutorial, we are adding pause resume control to this slider. We are handling slider pause, resume functions in the mouse over, mouse out events respectively. In this example, we have a boolean variable as a flag based on which the […]
This tutorial was added to jQuery.

jQuery Image Slider

April 22, 2015
In this tutorial, we are going to see an example of image slider using jQuery. In the previous tutorial, we have seen already how to run jQuery slide show. In this example, we are using jQuery UI library to create image slider. In this image slider, we are using slide effect of this library. View Demo […]
This tutorial was added to PHP.

Clone HTML using jQuery

March 24, 2015
In this tutorial, we are going to see how to copy and insert HTML element dynamically. In the previous tutorial, we have added HTML form elements dynamically by using jQuery load() function. In this example, we are using jQuery clone() to copy HTML element. And then by using jquery insert function, we are adding an element to […]
This tutorial was added to jQuery.

Toggle HTML with Javascript

March 18, 2015
In this tutorial, we are going to see how to create toggle effect using Javascript without jQuery. In the previous tutorial, we have seen about toggling HTML using jQuery. This example code is preferable when the user don’t want to load the entire jQuery library for toggling HTML. View Demo In this example we are using […]
This tutorial was added to jQuery.

Toggle HTML with jQuery

March 17, 2015
In this tutorial, we are going to see how to toggle HTML text element using jQuery. In the previous tutorial, we have seen horizontal expand/collapse with jQuery toggle(). In this example, we have shown the list of limited mail options in a left menu with more/less button. On the click event of this button, we are […]
This tutorial was added to jQuery.

jQuery Mega Menu

March 14, 2015
Mega menu is used to simplify user navigation by covering a maximum list of items in a menu dropdown. Using this we can avoid multiple levels of menu navigation. In the previous tutorial, we have seen multi-level menu using CSS and jQuery. In this tutorial, we are going to see how to show jQuery mega menu. View […]
This tutorial was added to jQuery.

↑ Back to Top