HTML Drag & Drop
$20-25 USD
Paid on delivery
Write a HTML page, which facilitates drag and drop within a particular existing environment.
Detailed description:
You have an HTML page split in the middle by two adjacent HTML frames
* Each frame source is an HTML page: [url removed, login to view] and [url removed, login to view] respectively.
* The left frame has a set of folders in a tree structure and the tree structure is collapsible/expandable. The folders are each represented with a closed folder icon and a label immediately next to it. Assume a depth limit of 5 for folder expansion.
* In the right frame, you have a scrollable table with many rows of data.
* The rows in the scrollable table have four columns:
- First column is a form checkbox
- Second column is an image (10x10) pixels in size
- Third column is text, allow up to 30 characters
- Fourth column is also text, allow up to 10 characters
* You will need to allow the user to click on a row in the right frame (an "HTML item") and drag it into any one of the folders in the folder tree in the left frame.
* The drag needs to be animated, with the contents of the HTML item following the pointer of the mouse, until the mouse is released.
* The folders in the folder tree need to animate and change to an open folder icon (onMouseOver) when the mouse pointer moves over the folder. When the mouse pointer moves out of the folder (onMouseOut), the folder animates back to the closed folder icon. Please note that the animation described above ONLY occurs when a mouse pointer is dragging a selected HTML item.
* Each child/leaf folder in the folder tree keeps a tally of the number of HTML items it contains, and increases as more HTML items are dropped into it. The tally should be displayed besides the folder in brackets.
## Deliverables
Required:
1. Complete and fully functional working program(s) in HTML and/or JSP form.
2. Complete and fully documented source code.
3. Solution MUST be fully web-based and zero client (No Applets!)
4. All deliverables will be considered “work made for hire?? under U.S. Copyright law. Buyer will receive exclusive and complete copyrights to all work purchased. (No GPL, GNU, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site per the coder’s Seller Legal Agreement).
Optional:
* The solution must be generic and applied to any drag and drop scenario where a source HTML item and a target HTML item are provided.
## Platform
* At least Internet Explorer and Netscape Navigator
* Any OS
Technologies allowed:
* JavaScript, DHTML, HTML
Project ID: #3468214
