Tibor SzászInteraction matters
How to write drag and drop code from scratch?
Drag and drop is a very cool feature in the browsers too, if really needed. Most JS libraries has this functionality, from jQuery to MooTools. But how they do it?
Well, it's not black magic, actually really simple.
The idea
You need to combine two different mouse events: mouseDown and mouseMove, then track the mouse position, update an elements position, finally cancel the mouseMove event on mouseUp.
The goal
Create a freely movable window that you can move with a handle.
Click "read more" to see the codes.
Category: Programming - Tags: javascript tutorial drag-and-drop -
2
Read more
Slimbox 1.7 bugfix
Slimbox is a great lightbox clone, developed by Cristophe Beyle.
The 1.7 MooTools based version has some problems in Google Chrome, that I was able to fix:
Simply change in slimbox.js lines 127 to 132 to this:
if ( center.offsetWidth != centerWidth || center.offsetHeight != centerHeight ) {
check = fxResize.start({width: centerWidth, marginLeft: -centerWidth/2, height: centerHeight, top: top});
}
It alters the animation a little bit, but I think this is as good as the original. See a demo on my projects page.
Category: Programming - Tags: slimbox mootools bugfix Read more
Easy tagging solution
This an easy solution for adding tag support for any website. This is not a complete script, or addon, just a method you can use easily. The result will produce a tag cloud, like the one you can see in my sidebar.
STEP 1: Setup. Let's assume that you have a site that stores the articles in a table. You have to add a field that will store the tags. The tags will be separated by a space character.
Category: Programming - Tags: tagging php tutorial Read more
Briefing
I love coding, especially for the web. I'm in the online industry for 6 years. My favourite toys are:
JavaScript, PHP, XHTML, MySQL, Canvas, Flash
Váltás magyar nyelvre
Topics
Friends
- Kárpáti Róbert
- Royaljerry
- Bagi Zoltán
- Pegazoo
- Charles Alexander Deli
- Bence Bangócs
- Lunakid
- Rapp design