Drag and drop category management with CakePHP

Published on Mar 11, 2009 by Jamie Munro

Today's article is going to walk you through creating a slick drag and drop with AJAX category management system.

CakePHP offers a really nice built-in tree management.  In fact, at a bare minimum you simply need to create a table with 2 extra columns, tell your model to act like a "tree" and rather than doing a find('all') you do a generatetreelist() or a find('threaded') and CakePHP takes care of the rest.

After doing a quick test, I was quite impressed with what CakePHP did for me, but I was not satisified.  I wanted to create a really slick category management system that I can re-use and show off.  Well, in this tutorial I go about 90% of the way.  The only thing I didn't have time to finish was, rather than redrawing my tree through AJAX, use DHTML and dynamically update my tree after dragging and dropping.  Don't worry, I plan to finish this with a part two soon.

Read more >

Tags: CakePHP | drag and drop | jquery | JavaScript | jQuery | AJAX | CakePHP

Drag and drop with animations in jquery

Published on Mar 10, 2009 by Jamie Munro

Every year at Halloween, my company offers prizes to the best dressed employees.  For the past two years I have one as well as my co-worker that partakes in our crazy costumes.  You may be wondering what this has to do with drag and drop, don't worry I'm getting there.

This years prize happened to be a monkey slingshot.  Basically you place your index and middle fingers in pockets attached to the monkey's arms.  You then proceed to pull back and let fly.  Well, as you can imagine, we had a lot of fun with this guy, so much fun in fact we broke it :(

So one day after work I was messing around with drag and drop and some jquery animations.  I was quickly able to get a "mock slingshot" shooting at a target and this is what I want to share today.

Read more >

Tags: Javascript | drag and drop | jquery | animate | JavaScript | jQuery

Drag and Drop with AJAX Example

Published on Feb 14, 2009 by Jamie Munro

At my work it's quite clear to me that a lot of people have difficulty with both AJAX and drag and drop functionality.  In this article, I thought I would provide a realistic and simplistic example of how to accomplish both AJAX and drag and drop together.

By the end of this article you will be able to create an extremely slick content management system that works really smoothly.

Read more >

Tags: Javascript | AJAX | drag and drop | JavaScript | jQuery | AJAX