Cool Drag and Drop with Javascript

April 15, 2005

Dietrich sent me this link to a javascript drag and drop sample. Its quite amazing how smooth it is. Really opens up your eyes to the possibilites of DHTML with XMLHTTPREQUEST for processing data as the user interacts with it. Much like GMail does if you've used that (I'm sure 90% of blog readers have gmail by now). JPSPAN is also a nice library to check out that creates a seemless interaction between php and javascript.. imagine being able to call PHP class methods FROM javascript. nice :)

http://tool-man.org/examples/dragging.html

** Note: these only work in firefox at the moment, IE support is coming soon

Comments

RSS feed for comments on this post.

  1. Eddie says:
    April 22, 2005 @ 16:28 — Reply

    Jim, Have you tried jpspan yet? It looks really cool. I would like to do a report builder and would like to be able to let the users use the js draggable feature to drag around columns but also have their position saved to the db via php. I'll have to give jpspan a try.

  2. Jim says:
    April 22, 2005 @ 16:56 — Reply

    hey Eddie.. yea I've been playing around with jpspan a bit, apparently it doesn't like to play well with windows/iis so I haven't been able to do much hardcore work on it but I used my linux server to play with it. Its definately a nice tool.

  3. Eddie says:
    April 22, 2005 @ 17:43 — Reply

    Cool, I'll try to put it on my linux server this weekend and try it out. Thanks for the link.

  4. amain says:
    April 9, 2006 @ 21:57 — Reply

    I need the sample for drag and drop the line. The line can move for long or short

  5. Louis Vuitton Handbags Replica says:
    January 29, 2010 @ 19:14 — Reply

    Comment pending moderation

  6. blu ray ripper says:
    April 18, 2010 @ 04:56 — Reply

    Comment pending moderation

  7. Manolo blahnik says:
    May 14, 2010 @ 05:16 — Reply

    Comment pending moderation

  8. 642-067 says:
    May 19, 2010 @ 00:35 — Reply

    Comment pending moderation

  9. Clasamente Fotbal says:
    May 21, 2010 @ 12:08 — Reply

    Comment pending moderation

  10. heal broken heart says:
    May 26, 2010 @ 06:26 — Reply

    Comment pending moderation

  11. Directory Submission says:
    May 30, 2010 @ 07:12 — Reply

    Comment pending moderation

  12. virbram five fingers says:
    June 4, 2010 @ 23:22 — Reply

    Comment pending moderation

  13. virbram five fingers says:
    June 4, 2010 @ 23:25 — Reply

    Comment pending moderation

  14. LOUIS VUIttON STOre says:
    June 9, 2010 @ 23:29 — Reply

    Comment pending moderation

  15. quantum swing trader review says:
    June 13, 2010 @ 11:07 — Reply

    Comment pending moderation

  16. lawsuit loan says:
    June 13, 2010 @ 21:08 — Reply

    Comment pending moderation

  17. fat burning furnace says:
    June 14, 2010 @ 23:51 — Reply

    Comment pending moderation

  18. Puppy Potty Training help says:
    June 15, 2010 @ 06:09 — Reply

    Comment pending moderation

  19. Promotional Products says:
    June 17, 2010 @ 05:21 — Reply

    Comment pending moderation

  20. Promotional Products says:
    June 17, 2010 @ 05:40 — Reply

    Comment pending moderation

  21. Corporate Gifts says:
    June 17, 2010 @ 05:46 — Reply

    Comment pending moderation

  22. Colombian women says:
    June 19, 2010 @ 07:19 — Reply

    Comment pending moderation

  23. louis vuitton replica says:
    June 21, 2010 @ 02:21 — Reply

    Comment pending moderation

  24. air max says:
    June 25, 2010 @ 01:37 — Reply

    Comment pending moderation

  25. louis vuitton replica says:
    June 26, 2010 @ 00:23 — Reply

    Comment pending moderation

  26. muscle steroids says:
    June 26, 2010 @ 11:53 — Reply

    Comment pending moderation

  27. Coffee Vending Machines says:
    June 26, 2010 @ 11:55 — Reply

    Comment pending moderation

Leave a Comment

Line and paragraph breaks automatic, HTML allowed: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <code> <em> <i> <strike> <strong>

Comments disabled due to spammers being losers that lead sad lives.