Customize the header icons with the icons option, which accepts classes for the header’s default and selected (open) state. Use any class from the UI CSS framework, or create custom classes with background images. Read More »
Jquery
Using setTimeout to Delay Showing Event-Delegation Tooltips
In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, Jan Aagaard asked how we might go about enhancing the script by adding a small delay before showing a tooltip. The answer lies with two JavaScript functions, setTimeout() and clearTimeout(). Setting Up Read More »
Form validation with jQuery
This article does not show you how to use the jQuery validate plugin. The tutorial covers building a lightweight, flexible solution from scratch. It won’t be nearly as advanced and powerful as the official plugin. Nevertheless, I hope you’ll learn something from a jQuery, JavaScript and Object-Oriented aspect. Read More »
jQuery Image Gallery/Slideshow Plugins and Tutorials
Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek galleries. Thank you jQuery. Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using ... Read More »
Using jQuery with Other Libraries
General The jQuery library, and virtually all of its plugins are constrained within the jQuery namespace. As a general rule, “global” objects are stored inside the jQuery namespace as well, so you shouldn’t get a clash between jQuery and any other library (like Prototype, MooTools, or YUI). That said, there is one caveat: By default, jQuery uses “$” as a ... Read More »
How jQuery Works
The Basics This is a basic tutorial, designed to help you get started using jQuery. If you don’t have a test page setup yet, start by creating a new HTML page with the following contents: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // Your code goes here </script> </head> <body> <a href="http://jquery.com/">jQuery</a> </body> </html> Edit the src attribute in the ... Read More »