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.
February 6th, 2007 at 7:33 pm
Cool technique. I have seen this before and was wondering how it was done. You made it very easy!
June 4th, 2007 at 12:27 pm
Cool simple example. I will write about this at miniajax.com
June 5th, 2007 at 7:42 am
Great, I will look for it.
August 2nd, 2007 at 3:46 am
the demo doesn’t works in IE6. but in FF2 this is cool.
August 2nd, 2007 at 10:33 am
Looks good, but I don’t seen any AJAX in this method.
August 3rd, 2007 at 2:25 am
Great script.
Too bad it doesn’t work with IE.
August 3rd, 2007 at 9:14 am
You may want to look into prototype/scriptaculous to see if there are any known issues with Drag & Drop and IE6/7.
August 9th, 2007 at 5:48 am
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
August 12th, 2007 at 9:44 pm
Very cool idea, this ignites a solution to a client problem I had almost 2 years back.
Thanks.
September 9th, 2007 at 10:43 pm
wow i love this script thanks alot for making it
February 5th, 2008 at 7:20 am
Where can i get this from its so cool!
March 19th, 2008 at 12:49 pm
eso no funciona !
not work this example, have an error.
April 20th, 2008 at 1:47 am
thanks …