aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes Building a Dynamic Web Page Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Building a Dynamic Web Page" Watch "Building a Dynamic Web Page" New topic
Author

Building a Dynamic Web Page

Steve Dyke
Ranch Hand

Joined: Nov 16, 2004
Posts: 1411
Is there a way to display a list of items on an HTML page along with an empty table with specified columns, then be able to drag a list item to the table, creating a row. I would also need the other cells on the row to accept input.

Example:

The items in the list are project tasks.

The table columns are task, hours to complete, estimated complete date.

Also would need to move the task around once they are added to table, or beable to drag from list to particular existing row.
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 60980
    
  65

Yes. DOM manipulation let's you do pretty much anything you want to do.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
Steve Dyke
Ranch Hand

Joined: Nov 16, 2004
Posts: 1411
Can you lead me to some example or help me get started? I have seen some examples on draging and droping between to containers of some sort but not from list to table.
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 60980
    
  65

Drag and drop can work across any elements. I would not even think of touching this without the aid of a JavaScript library that supports drag and drop.

The rest is just learning how to move, create and remove DOM elements. Also something much easier with library support.
Steve Dyke
Ranch Hand

Joined: Nov 16, 2004
Posts: 1411
Bear Bibeault wrote:Drag and drop can work across any elements. I would not even think of touching this without the aid of a JavaScript library that supports drag and drop.



Can you suggest a JS library?
Steve Dyke
Ranch Hand

Joined: Nov 16, 2004
Posts: 1411
Can I get a suggestion on a JS library to use for Drag and Drop functionality?
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 60980
    
  65

Both Scriptaculous and jQuery have easy-to-user D-n-D, but these days, Im not particularly fond of Scriptaculous (which also requires Prototype, which has also fallen from my favor).

DOM manipulation with jQuery is also a breeze.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Building a Dynamic Web Page