Libraries

JavaScript: dragLib.js

A JavaScript library for draging objects (like popup dialogs) around on a HTML page.
There's a lot of these out there on the internet, but I had already my own "collection of features" which I was extending step by step.
jQuery can do a lot of these things now, but I could do both regular mouse based draging, and also draging (by swiping) on iPad and smartphones, before jQuery could :-).

So here it is!
And you can also see it in action.

I primarily uses this for different kinds of dialogs, so I have included the most common kind of dialogs in the JavaScript file:

• A simple popup (mouse over) that can be used for showing a help-text.
• A dialog without a mask (click) so you still can see and use the page.
• A dialog with a mask (click) where the original page is "masked out" so you can't click other elements.
• A simple context- (right click) menu. My only problem so far is right-click on the iPad ;-).

And you can see it in action at my play area (if you really want to play, why not make a game out of it).

History

date	version	changes
12.03.10	1.1.0	Added the context-menu functionallity.
12.02.24	1.0.0	First version for public release.