Loads of new Plugins: PointyTips, FormValidator.Tips, Event.Delegation and more
I’ve been a busy bee. Today I released numerous new plugins and scripts for your holiday enjoyment.
Pointy Things
First up is an extension to StickyWin.ui that gives you a popup layout with a pointer. There’s a lot more about this in the wikitorials, but here’s a quick overview:
- You can point the pointer in any direction around the tip. The directions map to the hours on a clock face, so 12 is pointing up in the middle, 1 is pointing up, but on the right, and on around the tip.
- There are two default themes, a dark one and a light one.
- The ui can be used to quickly generate the DOM wrapper for use in anything, but there’s also a new StickyWin class that makes it easy to drop a tip into the page next to an element, pointing at that element from the left, right, or from above or below.
- There’s an extension to the Tips class (Tips.Pointy) that works just like the Tips class but has a pointer.
- There’s an extension to the FormValidator class (FormValidator.Tips) that uses this to point out errors in the form in a pointy popup.
Here’s a quick example:
Event Delegation
Next up we have automatic event delegation for Elements with Element.Delegate. I’ll write a longer post about this in a moment, but in the mean time check out the tutorial/demo.
No TweetBacks yet. (Be the first to Tweet this post)
Follow @clientcide on twitter to get notified of new posts.
To follow me personally on twitter, follow @anutron.
December 23rd, 2008 at 5:18 pm
Very nice. I don’t have anything to use the pointy’s for right now but I sure like them.
I think I am going to use your event delegation in a current project, however. 1 Event to rule them all. Fantastic.
FYI, your pointys don’t work in Safari Beta Version 4.0 (5528.1)–I know, the top browser on your list to debug ;P — probably a problem of the browser, not the script. The bubble just doesn’t show up, whereas in Firefox I could see it and then close it.
Love your work, keep it up and continue the mass clientcide.