Here’s my simple jQuery image rollover script. I modified it to work with absolute URLs. This works well if you have different servers hosting your image files.

See entire post for the code

I recently found a useful jQuery plugin for adding unobtrusive web browser messages for webapps called jGrowl.

It displays a floating div with your custom message for 5-10 seconds on the top of the screen and fades out. There are options to change the duration of the message, set the message as a sticky until it is closed by the user, position options, and animation options. It is useful for showing quick informational messages such as “Saving changes”, “Update”, and “Delete”. Two unique features with this plugin are the “sticky feature” and the ability to stack consecutive messages together.

I’ve created a quick tutorial on adding this jQuery plugin to your app.

Setting a focus on an input box is a hassle with so many different browsers out there. Each browser has their own unique tag to set the focus. Rather than using the browser-specific tags for the focus, one can utilize Javascript to provide the functionality for multiple browsers.

jQuery is a great alternative to adding the focus since its simply a matter of adding a few lines of code to your page. It will work on multiple browsers, whether it be Internet Explorer, Firefox, Chrome, or Safari.

When coding your pages with Javascript/AJAX/CSS, one thing to look out for is the compatibility with your organization’s remote access device. One of the devices I have to consider is the Cisco WebVPN product. It has compatibility issues with things such as the @charset “UTF-8″; and @import command in CSS files. By default jQuery doesn’t work with WebVPN. In this post, I have a fix for making jQuery work with WebVPN.

Over the weekend, I ran across a dropdown script called jdMenu that runs off the jQuery library. It turned out to work great for me, as long as the level of menus is maxed at 2. I prefer using scripts that use the jQuery library in order to simplify the maintenance of scripts and to speed up development of Ajax scripts.

From my experience, modern dropdown menus should only use <ul><li> hierarchy tags to make it easy to maintain. As long as the coder knows HTML, they should be able to modify the dropdown menu. I’ve used dropdown menu …