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 on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible. … more
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 Download Source Code
The HTML
The HTML is very simple and basically includes:
… more
The objective of today’s jQuery tutorial is to automatically generate a list of “category” links from CSS class names and use these links to filter our HTML content.
For the tutorial demo we are going to use a list of links for our jQuery tutorials, which we would like to filter by subject/category. This technique however is useful for … more
If you are developing a site that uses WordPress as a CMS for part of the website and custom php pages for other sections it can be useful to utilise the functions built into WordPress on non-Wordpress pages.
One useful example is to use the WordPress menu system to manage the site’s menus. With its ability to add custom links, … more
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 your requirements.
In this post I have included several example regular expressions that we have used in our web design projects for validating … more
Since one of our earlier posts – How To Open Links In a New Browser Window we have had requests at how this can be automated so that only external links are opened in a new window without having to add class “external” to every link.
This can be done in a couple of ways depending on how your links … more
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 lines of CSS.
And here is the jQuery code:
View The DemoDownload Source Files
A great example of how … more
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 plugin’s built in CSS classes combined with the inherent WordPress menu classes to create a completely customised menu.
The sample … more
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.
For the tutorial we will create a search feature for our blog comments, although the same function can easily … more
To compliment the previous plugin for creating horizontal mega menus we have now launched the jQuery vertical mega menu plugin. This now allows you to have all of the benefits of drop down mega menus using menus in the page side columns with the mega menu flying out to the side.
Vertical mega menus offer better useability over standard flyout … more
