 |  |  |  |  |  |  |  |
Dragable Framework - Help Required
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
Hi there, wondering if anyone is able to help me.
I am making a piece of software (for a uni project not for profit) and I have pretty good knowledge of Java but not Javascript.
For this project I wish to create an interface that looks like igoogle.com but not with any of the functionality as I will explain.
The idea is to have 3 dragable, snapable, columns which can contain several containers of the same width but varying height. In these objects I want to be able to contain individual objects which have the option of being dragged internally to sort them but also be dragged as a "ghost" (http://demos111.mootools.net/Drag.Cart) into an alternative container which can be exported to a plan. This isnt what im worrying about at this stage but just to give some background on the type of container I need to create.
So basically just need to create a frame work, with a title bar at the top, which contains 3 columns with the ability to add a container of a certain type (there will be 3 type, one for the central list, one for editing an objects content, and one for containing a list of objects - there may be multiple of the 3rd type but only one of the first two) and make it dragable around the page and will snap-to when released.
I realise this has been a little rambly and I apologise for that but basically as I stated at the top require similar look and feel to igoogle if this makes it clearer and I have also created 3 Images to explain how I see a drag happening, images are labeled 1 to 3 and are chronological.
Any help on how to get started with the framework would be greatly appreciated, I have found many sites which seem to be able to offer help with the objects and wish to have a crack at this independently (unless someone wants to be very generous with their time
) but just want to construct a good framework - ultimately I will be using PHP with the objects and also exporting a version of the contents to an XML file in case this impacts upon the choices, I believe AJAX might be useful but not sure of its implementation.
I am making a piece of software (for a uni project not for profit) and I have pretty good knowledge of Java but not Javascript.
For this project I wish to create an interface that looks like igoogle.com but not with any of the functionality as I will explain.
The idea is to have 3 dragable, snapable, columns which can contain several containers of the same width but varying height. In these objects I want to be able to contain individual objects which have the option of being dragged internally to sort them but also be dragged as a "ghost" (http://demos111.mootools.net/Drag.Cart) into an alternative container which can be exported to a plan. This isnt what im worrying about at this stage but just to give some background on the type of container I need to create.
So basically just need to create a frame work, with a title bar at the top, which contains 3 columns with the ability to add a container of a certain type (there will be 3 type, one for the central list, one for editing an objects content, and one for containing a list of objects - there may be multiple of the 3rd type but only one of the first two) and make it dragable around the page and will snap-to when released.
I realise this has been a little rambly and I apologise for that but basically as I stated at the top require similar look and feel to igoogle if this makes it clearer and I have also created 3 Images to explain how I see a drag happening, images are labeled 1 to 3 and are chronological.
Any help on how to get started with the framework would be greatly appreciated, I have found many sites which seem to be able to offer help with the objects and wish to have a crack at this independently (unless someone wants to be very generous with their time
) but just want to construct a good framework - ultimately I will be using PHP with the objects and also exporting a version of the contents to an XML file in case this impacts upon the choices, I believe AJAX might be useful but not sure of its implementation. 
I suggest you take a look at some of the bigger JavaScript Frameworks that can help you speed up development and do all the hard stuff.
Some of the top ones:
script.aculo.us (http://script.aculo.us/)
Prototype (http://www.prototypejs.org/)
Moo Tools (http://www.mootools.net/)
jQuery (http://jquery.com/)
Some of the top ones:
script.aculo.us (http://script.aculo.us/)
Prototype (http://www.prototypejs.org/)
Moo Tools (http://www.mootools.net/)
jQuery (http://jquery.com/)
|
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: How to make CSS opacity setting work in IE7 ?
- Next Thread: Pass value from Javascript to jsp
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest JavaScript / DHTML / AJAX Posts
- Today's Posts
- Unanswered Threads
acid2 ajax ajaxexample ajaxjspservlets array browser bug captchaformproblem cart checkbox child class close codes createrange() css cursor date debugger decimal dependent design disablefirebug dom dropdown editor element embed engine enter error events explorer ext file firefox focus form forms frameworks getselection google gxt hiddenvalue highlightedword hint html ie7 ie8 iframe images index internet java javascript javascripthelp2020 jquery jsf jsfile jsp jump libcurl listbox maps masterpage math media menu mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php position post problem programming progressbar prototype redirect runtime safari scale scriptlets scroll search security shopping size software toggle unicode w3c web wysiwyg \n
