• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

Building a Dynamic Web Page

 
Ranch Hand
Posts: 2206
2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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.
 
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Yes. DOM manipulation let's you do pretty much anything you want to do.
 
Steve Dyke
Ranch Hand
Posts: 2206
2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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
Posts: 2206
2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

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
Posts: 2206
2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Can I get a suggestion on a JS library to use for Drag and Drop functionality?
 
Bear Bibeault
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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.
 
reply
    Bookmark Topic Watch Topic
  • New Topic