A couple of people have asked about the CSS magnifier that I wrote for the National Maritime Museum web site, so this is a test to see if I can easily embed a magnified image in a blog post. To add the magnifier to an existing image, you’ll need a copy of the CSS file, youngpup’s DOM-Drag...

This plugin adds bubbling functionality to jQuery. The code is similar to jQuery.fn.trigger’s because it’s meant to extend it. It also generates it’s own event object, that will remain untouched through the bubbling, meaning it’s safe to attach attributes to it and grab them with...

This plugin adds bubbling functionality to jQuery. The code is similar to jQuery.fn.trigger’s because it’s meant to extend it. It also generates it’s own event object, that will remain untouched through the bubbling, meaning it’s safe to attach attributes to it and grab them with...

Sometimes it’s important to tell the user what’s expected of him. Especially when filling out a complicated form. This plugin uses the title attribute to display help in a separate DOM element. /* jQuery autohelp Copyright Dylan Verheul <dylan @dyve.net> * Licensed like jQuery, see...

Grabs available thumbnails of webpages and shows them when hovering a link. It works like a colorful tooltips. You can even add pictures in those tooltips. Code jQuery.fn.linklook = function (opt) { $("a", this).each( function() { $(this).hover( function() { var top = $(this).offsetTop()...

Create a nice expanding and collapsing tree view control using jQuery. This is version one. A simple list that gets enhanced. Usage: class=”tv” Original Code $(document).ready(function(){ $("ul.tv") .find("li:last-child").addClass("tvil").end() ...

Provides for the styling of checkboxes that degrades nicely when javascript is dsiabled. Use native jQuery selectors to target specific (or all) checkboxes that you wish to style. Doesn’t work with labels and the “for” attribute. View the source jQuery CSS Checkbox The CSS checkbox...

A clickable dropdown menu with (theoretically unlimited) submenus made out of an an unordered list. It’s behaviour is like an application menu (click to open, click to close, stays open even after hovering elsewhere). <script type="text/javascript">$(document).ready(function() { $('#list').clickMenu(); }); </script> <ul...

This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer rows (if you need them) in TFOOT section. Include the webtoolkit.scrollabletable.js,...