User Interface Widgets

Radio buttons, check boxes... Looks interesting, although the last bunch don't appear to work for me in Firefox 1.0 Win XP, and there is some image reloading going on in IE, this is something to keep in mind...

Take two good ideas, put'em together and if done well you could make something pretty good - well Jon over at Monday By Noon has gone one better: combining 3 good ideas!

Enter Suckerfish HoverLightbox, a hybrid of the Suckerfish Dropdowns, the Hoverbox Image Gallery and Lightbox JS.

I wonder if something like this would work on iStockPhoto, click on one if these images and have a lightbox with the relevant details show up instead of having to move forwards and backwards.

Another set of code for a modal window widget, however this one comes with a decent little description of how it works and why they are used.

See also the subModal derivative, which uses some code from Lightbox Gone Wild and the JS code has been packed and is 1/3 the size of the JS used in the original submodal code.

If you are in need of some user interface widgets, this site could have what you are after. A whole whack of javascript tools (strangely without a proper home of their own, like say '/code/') can be found in the sidebar under DOM/Javascript.

Some of my favorites: Gradient Progress Bar, Image Navigator and the various slideshows. Bits of code and proofs of concept that may come in handy one day...

One of the many modal window scripts, this appears to be quite complete and is based on prototype.

There are certainly a lot of modal window scripts available, but this appears to be the easiest prototype based script that I have come across.

It has pretty much all of the options covered: it sets up modal windows that can handle Ajax calls, iframes, (two different) lightbox versions and more stuff plus it has a whole array of options that can be set as well as some callbacks and responders.

A take on tabs, this one works whereby a clicked link on a page "opens" a new tab which has content loaded via Ajax. Tabs can be closed, and at the moment can't be dragged dropped and resorted, but I'm certain that's only a matter of time.

A collection of CSS based tabs and other methods for navigation, with screenshots of each type and links to the tutorials for how to build them. Tabs, dropdowns, trees, the original tamed lists and a few other styles.