Create Add & Remove Select Lists Using jQuery
JQuery makes it very easy to select specific elements and their attributes in your web page HTML. In the following tutorial I will show you how to use just a few lines of jQuery to create an add/remove...
View ArticleChange Order of Multiple Select Lists Using jQuery
In my last post I went through the code required to create an add/remove select list using jQuery. Today’s post is going to expand on the earlier tutorial and add up/down buttons, which will allow you...
View ArticlejQuery Simple Vertical Accordion Menu
Today’s jQuery tutorial is a perfect example of how easy it is to add a slick vertical accordion style menu to your website with just a few lines of jQuery code! The HTML First we create a nested...
View ArticlejQuery Image Swap Using Click
In a previous post we showed a simple piece of jQuery code, which allows you to add the ability to swap images on hover to your website. Since then we have had several requests asking how to add a...
View ArticlejQuery Simple Horizontal Accordion
After our tutorial last month showing how to create a vertical accordion menu using jQuery we have had a couple of requests asking how to make a horizontal accordion. So we have decided to provide the...
View ArticlejQuery Simple Vertical Accordion Menu with Cookies
Using the jQuery code from one of our previous tutorials on creating a simple vertical navigation menu we can add the very useful jQuery cookie plugin to create a more advanced navigation menu that...
View ArticleDisable Form Input Autocomplete Using jQuery
Earlier I came across an interesting problem caused by a text input field’s autocomplete. Sometimes it is useful to be able to disable this feature in a users browser – e.g. for completing forms with...
View ArticleAdd Default Text To Form Fields Using jQuery
The following code snippet is a handy jQuery function that will allow you to add default text to any form input text field using the element’s title attribute. View Default Text Demo. 1. The HTML –...
View ArticleLight-Weight jQuery Animated Slider
Today’s tutorial is a brief look at the jQuery animate function and how this can be used to create a very quick and easy content slider from an unordered list and a few lines of jQuery. Whilst there...
View ArticlejQuery Tutorial Demos
I have now added a list of all of the available jQuery tutorial demos so far, including demos and links for the jQuery plugins. So if you are looking for some quick tips take a look at: jQuery Tutorial...
View ArticleSetting Equal Heights of Floated Elements Using jQuery
As a web designer you are bound to come across the problem of how to handle unequal heights of floated elements, especially when it comes to layouts for online stores: Without Resizing Whilst many...
View ArticleCreate Your Own jQuery AJAX Form Submit With Validation
For today’s tutorial we are going to do something a little more interesting and take several jQuery functions, which have been covered in our previous posts and combine them to create our own form...
View ArticleSort Items Alphabetically Using jQuery
Using jQuery we can easily sort a list of html elements alphabetically. In the following tutorial I will give 2 examples – sorting an unordered list and sorting a table. View Sorting Demo Sorting An...
View ArticleCreate An Image Preloader For Image Swap Using jQuery
The following tutorial takes one of our earlier code snippets and improves it by adding a function to preload images. The Quick and Easy jQuery Image Swap function offers a very simple way of...
View ArticleWordPress Tutorial – Adding A Widget Area To Your Theme Files
Following up to the 2 recent WordPress menu plugins we launched we thought we should do a quick tutorial on how to add a widget area to your WordPress theme. Both of the plugins, the jQuery Mega Menu...
View ArticleRandom Password Generator Using jQuery
Today’s jQuery post is a useful piece of code that you can add onto your registration forms for creating random passwords using only jQuery. The benefit of providing this system is that it generates...
View ArticleGet URL Parameters Using jQuery
Todays post is a very simple, yet surprisingly useful piece of code, which will get the parameter after the ‘#’ symbol in the web page URL. Being able to extract the URL parameter with jQuery is...
View ArticleWordPress Tutorial – Create Your own Custom Mega Menu Styles
In today’s tutorial we are going to go through how to create your own CSS file for the WordPress Mega drop down menu plugin and with just a few additional CSS styles, fully customise your navigation...
View ArticleLive Text Search Function Using jQuery
Today we are going to look at using jQuery to create a “live search” feature for your website. With just a few lines of code and a single text input box you can add a text filter to any site content....
View ArticleWordPress Tutorial – Current & Parent Menu Items In Custom Menus
With the custom WordPress menus available with WordPress 3.0 there are inherent systems that allow us to identify which is the current menu item and it’s parent links. Unfortunately these aren’t very...
View ArticleWordPress Tutorial – Create Your own Custom Vertical Mega Menu
In our last menu tutorial we looked at creating a custom style sheet for the mega drop down menu plugin. Today we are going to go through the jQuery Vertical Mega Menu Plugin and how we can use the...
View ArticlejQuery Image Swap Gallery with Just 3 Lines of Code!
Our earlier post, Quick and Easy jQuery Image Swap has always been popular, so today we are going to use this code to create the ultimate jQuery image swap gallery with just 3 lines of code and 2...
View ArticleOpen External Links In New Browser Window Using jQuery
Since one of our earlier posts – How To Open Links In a New Browser Window we have had many requests at how this can be automated so that only external links are opened in a new window without having...
View ArticlejQuery Tooltips – Create Your Own Tooltip Plugin
In today’s jQuery tutorial we are going to look at creating your own jQuery tooltip plugin! Whilst there are many great tooltip plugins available out there, creating your own provides a nice and...
View ArticleForm Validation Using jQuery and Regular Expressions
Regular expressions offer an extremely flexible and powerful way of adding validation to your website forms. Combined with jQuery, it allows you to ensure that data sent to the server matches all of...
View ArticlejQuery Animated Error Messages & Form Validation
In today’s tutorial we are going to use jQuery animation to create more interesting and engaging form validation errors for a user registration form. Our jQuery form submit and validation code is based...
View ArticlejQuery Tutorial – Create a jQuery Menu Slider
In the following tutorial we are going to go through how to create a jQuery menu slider similar to the one used in our own website’s mega menu navigation (see “WordPress Plugins” menu item). View Demo...
View ArticlejQuery Tutorial – Adding Vertical Animation to the Slider Menu
After our jQuery tutorial yesterday on creating a jQuery Slider Menu we have had several requests on how to modify the jQuery code to scroll the slider images vertically instead of horizontally. In...
View ArticlejQuery Tutorial – Create a Flexible Data Heat Map
Add more excitement to data tables using jQuery and conditional formatting to generate flexible data “heat maps”. Long tables of numbers are never fun to look at and when presenting this kind of data...
View Article8 Useful jQuery Snippets For URL’s & Querystrings
In any web project you will inevitably come across a situation where being able to extract information or use the current page URL would be useful. If server-side code is not available to help we can...
View Article
More Pages to Explore .....