Footer Jump IE6 Bug Extending the DTD (Part 1)
Feb 05

I was recently directed to a link for a new Putty.exe client which had some extra options like minimizing to the system tray and window transparency. Upon visiting the site, I saw a new technique I have seen before. It is a drag & drop type download system where you drag an icon over another, then the download immediately starts.

I realized this would be easy with the onslaught of the prototype.js and scriptaculous frameworks. The example uses the built in Ajax drag & drop for Draggables / Droppables included in scriptaculous.

Here is an example: Drag & Drop Demo

I have tested this in modern browsers, IE7, FF2, and Opera9. I am aware that this DOES NOT WORK in IE6/7 however it seems more of like a scriptaculous/prototype bug rather than my code, as I am only using the frameworks. I will post more if I resolve the issue.

Update: This page has been posted on multiple “AJAX widget” sites and there has been multiple comments about this script not containing AJAX. It is true, that the Title of the post was formerly (Drag to Download with AJAX) as it was part of an older post/technique I had planned to build to integrate this Drag to Download with some AJAX calls. As you can see, I haven’t updated this page in quite some time and hadn’t noticed the incorrect Title. I have changed it, so hopefully the flaming stops.

13 Responses to “Drag to Download”

  1. Eric Johnson Says:

    Cool technique. I have seen this before and was wondering how it was done. You made it very easy!

  2. Jimy Says:

    Cool simple example. I will write about this at miniajax.com

  3. ryan Says:

    Great, I will look for it.

  4. force Says:

    the demo doesn’t works in IE6. but in FF2 this is cool.

  5. andrisp Says:

    Looks good, but I don’t seen any AJAX in this method.

  6. Philippe Says:

    Great script.
    Too bad it doesn’t work with IE.

  7. ryan Says:

    You may want to look into prototype/scriptaculous to see if there are any known issues with Drag & Drop and IE6/7.

  8. Philippe Says:

    no thanks! I’m not a coder. ;) And my comment wasn’t a a criticism.
    I was just tryin to say it’s a pity.
    You’ve done a smart job, ryan.
    Best regards,
    Philippe

  9. Nakul Goyal Says:

    Very cool idea, this ignites a solution to a client problem I had almost 2 years back. :) Thanks.

  10. Seich Says:

    wow i love this script thanks alot for making it ;)

  11. tom Says:

    Where can i get this from its so cool!

  12. El Developer Says:

    eso no funciona !
    not work this example, have an error.

  13. none Says:

    thanks …

Leave a Reply