Navigation

Widgets — Javascript UI

5 April 2009

Everything that needs to be done on a page can be done through jQuery, MooTools, or one of a hundred other frameworks. But what about when you need something a little more... user-friendly than plain text & links? That's when you have to add another 40 or 50 kilobytes for jQueryUI and the like. And when all you want is easy access to the same HTML buttons you've always used? Just plain old <input> tags you can reference from your JS code easily? You have to code them yourself via some fairly complex HTML or Javascript.

That's what Widgets is for. It sets up two things:

• The Widget object
• $() — a reference to document.getElementById()

It weighs in at only 2.8kb (yup... only 2848b), only 71 lines of code. How's that for lightweight, compared to the 4000 or so lines uncompressed jQuery uses?

More info can be found on the Widget project page (should be up soon), along with a basic manual for the Widget object.

Formatting:
[b] for bold, [i] for italicized text, [u] for underline, and links are [url=link]Text[/url] or [url]link location[/url]

Comment
Indicate you're human by typing that word:

| News | About | NanoCMS