In this second part of this article (this is the first part) i’m going to show you how to retreive and serialize the tree structure using jQuery and sent the serialized data to a php script (using ajax) that saves it on the database. In this way, we can have the persistence of any change made on the tree.
Donate 1 euro, buy me a coffee, I need it to write more posts! Thanks ;)I’m developing a website that have a catalog with nested categories; this categories are also ordered and with a not predefined depth levels. I needed to find a way to manage with category in a fast and intuitive way for the user, so i decided to use a directory like tree allowing the users to drag and drop the categories to change the order and even the position on the tree: of course i use jQuery to do this, and PHP/MySQL to save the structure of the tree in a database.
I found a nice tree jQuery plugin on the web, that i used as a starting point for my project: http://news.kg/wp-content/uploads/tree/. The plugin work well on all browser i tested (FF3, Safari 3, IE6, IE7). It provide the drag and drop funcionality and some interesting callback, like afterClick and afterDblClick.
But let’s start from the beginning.
I'm a freelance web developer and an artist, both for passion... i like photography, painting and drawing, and i love Python and jQuery. I want to share with you my experience in this fields, and i hope that this can help someone that have the same problems that i have during my work. My personal portfolio (in italian) is here: www.ondadiluce.com. Enjoy my website!