AIR JavaScript - Drag and drop to OS

I searched here for an example of how to drag-and-drop from
the AIR application to the OS
with JavaScript, not Flex or Flash. I only need to know
where the element has been dropped in order to start a download.
I only found an example for Flex. I read that you have to use
the clipboard but I didn't understand how to use it.
Does anyone have a simple example of that ?
If a tech from Adobe reads that, you should add this to your
documentation. ;)
Thanks.

Sounds you are looking for this documentation:
http://help.adobe.com/en_US/AIR/1.1/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7e8a. html

Similar Messages

Air 2.7 Drag and Drop

Hi I've had this posted under the "problems and bugs" section for a while, but nobody has answered as yet. Maybe its better posted here.
I have an HTML/Javascript application that provides HTML5 based drag and drop for files from the desktop. This works perfectly in the browser and also tried it using Appcelerator Titanium and it also works.
However if I package the app using Air the drag and drop feature does not work!
Does Air support this?
From what I've read Air 2.7 should be much more HTML5 compliant.
Seems that I might need to disable AIR's default D&D behaviour?
Best Regards,
Carl

This happened to me too on various occasions, since v1.5.
Only known solution for me is backing up and deleting the \SQL Developer\systemXXX directory under the (hidden) Application Data of your Windows user profile, to revert to factory defaults. You can try to migrate settings from the backed up folder when being asked to (on first start).
Hope that helps,
K.

Drag and Drop objects in web app

Hi all,
I have a web application in which i have an option to delete the listed items. now i have to place an image of recycle bin on the webpage and to give the utility of delete operation by only dragging the object from list and droping it into recycle bin. How can i do this? Is there any body who have already done this? Any reply will be welcomed.
And guys no reply for my validation and 'scope' questions.
Thanx in advance.

http://www.googleisyourfriend.com/search?q=javascript+drag+and+drop&meta=

Please Help! Drag and drop does not work in Adobe AIR 3.1 (FlashBuilder 4.6)

I am working on a PC is made of air and flashbuilder 4.6.
Drag and drop application does not work in Flash Builder 4.6.
However, the same source will work with Flash Builder 4.5.
Please help me.
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                              xmlns:s="library://ns.adobe.com/flex/spark"
                              xmlns:mx="library://ns.adobe.com/flex/mx"
                              backgroundColor="#323232" width="100%" height="100%"
                              initialize="init(event)"
                              nativeDragEnter="onDragEnter(event)"
                              nativeDragDrop="onDragDrop(event)">
          <fx:Script>
          <![CDATA[
                    import mx.events.FlexEvent;
                    protected function init(event:FlexEvent):void
                              addEventListener(NativeDragEvent.NATIVE_DRAG_ENTER, onDragEnter);
                              addEventListener(NativeDragEvent.NATIVE_DRAG_DROP, onDragDrop);
                    private function onDragEnter(event:NativeDragEvent):void
                              if (event.clipboard.hasFormat(ClipboardFormats.FILE_LIST_FORMAT))
                                        NativeDragManager.acceptDragDrop(this);
                    private function onDragDrop(event:NativeDragEvent):void
                              var arr:Array;
                              arr = Array(event.clipboard.getData(ClipboardFormats.FILE_LIST_FORMAT));
                              startImage.source = (arr[0] as File).url;
            ]]>
          </fx:Script>
          <s:layout>
                    <s:VerticalLayout/>
          </s:layout>
          <s:BorderContainer id="bc" borderStyle="solid" width="200" height="80%"/>
          <s:Image id="startImage" width="100%" height="100%"
                                         horizontalAlign="center" verticalAlign="middle"/>
</s:WindowedApplication>

Thank you answers, but it was not the answer I wanted.
[Problem]
* Flash Builder 4.5.1(updater) or Flash Builder 4.6
- If you have installed on pc, does not work adobe air drag and drop
[Solution]
1. Reinstalling the Windows 7 (32bit).
2. Install Flash Builder 4.5.
3. Flash Builder 4.5.1 updater and Flash Builder 4.6 does not install.
   (Instead of using Flex SDK 4.6 is set up)
In addition, Windows7 64bit environment does not work drag and drop.
Is there another solution?

Drag and drop file into Outlook from AIR application

I am hoping to see if this would be possible with the Adobe AIR API. We currently have a desktop AIR application that clients install in order to facilitate certain operations triggered via a web application (such as opening files directly from the web).
One of the actions we are requested to support is the ability to drag and drop files from our web application directly into Outlook and have the file added as an attachment. I saw the documentation at Adobe Flash Platform * Dropping file promises and was wondering if this might be a possibility, or if there was some other method of performing this.
We are trying to get around the fact that users now have to download a document to their desktop before being able to attach in Outlook.
Thanks for any assistance.

You just aren't calling the right NativeDragManager functions. See http://help.adobe.com/en_US/as3/dev/WS5b3ccc516d4fbf351e63e3d118666ade46-7d83.html

Drag and Drop same effects in AIR ?

I would like to have the same effects in AIR for the sample in below link:
http://saturnboy.com/2010/12/drag-and-drop-revisited/
Any workaround ?

I found, use <s:WindowedApplication useNativeDragManager="false"/>

Air mobile best way to implement drag and drop

Hi all,
I'm developing an application which allows people to drag and drop certain panels.
But the dragmanager isn't optimized for the air mobile platform.
What is the best way to implement drag and drop at the moment?
Write it all yourself or are their some utility classes that can help?

Hi all,
I'm developing an application which allows people to drag and drop certain panels.
But the dragmanager isn't optimized for the air mobile platform.
What is the best way to implement drag and drop at the moment?
Write it all yourself or are their some utility classes that can help?

Air drag and drop

I've found various info regarding dragging and dropping into air applications. But what about dragging files out?
For example if i made a simple file browser, could i drag files into other programs, e.g illustrator?

Nevermind, you can't use DragManager at all in AIR it seems if you leave a window. You have to directly use the NativeDragManager.
Strange because it seems like the DragManager singleton manages that for you -- but it doesn't.

[svn] 3336: Fix an AIR drag and drop problem.

Revision: 3336
Author: [email protected]
Date: 2008-09-24 12:24:27 -0700 (Wed, 24 Sep 2008)
Log Message:
Fix an AIR drag and drop problem.
QE: YES
Doc:
Checkintests: Yes
Reviewer: pfarland
Bugs: SDK-17006
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-17006
Modified Paths:
flex/sdk/branches/3.0.x/frameworks/projects/airframework/src/mx/managers/NativeDragManage rImpl.as

Update 2, if it can help someone:
Finally I don't manage the drag and drop by myself using
DragManager.doDrag(...). Why? Because doing so if the user clicks
on the scrollbars, on the datagrid header or on an empty row, it
triggers the drag start and that is ugly. By letting Flex managing
the drag and drop process, this doesn't append. BUT I was unable to
use a custom proxy image then. Until I found this article:
http://www.dgrigg.com/post.cfm/11/03/2006/DataGrid-Drag-Image
The trick is:
1) save the mouseX and mouseY using the mousedown event.
2) override dragImage(), as the article says, to create your
custom proxy, attaching to it a FlexEvent.UPDATE_COMPLETE event,
saving it to a class variable and returning it.
3) When you receive the FlexEvent.UPDATE_COMPLETE event, you
update the proxy position (that is saved in a class variable) using
the saved mouseX and mouseY and you remove the listener to the
event:
When you drop the proxy, you access the dragged items in :
event.dragSource.dataForFormat("items")
Hope this helps, I spent lot of time trying to resolve this
issue! Now it works perfectly! :-)

Drag-and-drop from desktop to Flex app

I am working on a RIA using flex and am trying to implement drag and drop of different types of files into a Flex UI, I know this is possible using AIR but we are trying to do it through Flex in a browser. Trying out options with javascript and active x controls but no success till now.
I am seeking pointers to any sites that implemented this or any direction on cracking this one.
Thanks,
Rakesh Patwari

Thank you for the quick response Jeffry,
Yes, I am facing that issue whichever way we are going in! How about using Javascript/HTML as iframe within flex to get this done?
Just thinking about it...
Thanks again,
Rakesh Patwari

Problem with drag and drop on Mac

Hi, when I run my AIR application on Windows, I'm able to do
the drag and drop.
But when I run the application on Mac, it gave me an
allocation error: unable to allocate region of size <random
number> after I drag and drop thrice.
Anybody knows what's the reason?

Pages does not support the Apple font used for color emoji, so that behavior is normal.
With what app are you reading the yahoo mail? There is really no guarantee than any other email service will show the special Apple font involved.
You should have no problem putting emoji directly into Mail or Text edit via drag drop from the Character Viewer as shown below.
You should also be able to upload graphics here easily by clicking on the camera icon. My email is tom at bluesky dot org.

Use drag and drop to sort data in report

Hello!
I found a good description to sort data in a Tabular Form per drag and drop.

Here is the url: Read Article - Drag &amp; Drop tabular form rows
It works fine if one follow the hint from Baki (For apex 4.2 one have to adapt a css class).
Afterwards I tried the same with an Interactive Report. It nearly works.
I once again had to adapt a css class.
I used the
apexir_WORKSHEET_DATA
class instead of the
uReportStandard
in the JavaScript for the Interactive Report.
Everything went fine. Except the "Save the Thing to the DB" issiu did not work.
The following code do not work (the "APEX_APPLICATION.G_FROWID.COUNT" is allways 0):
FOR i IN 1 .. APEX_APPLICATION.G_FROWID.COUNT
LOOP
UPDATE emp SET sort_order = i WHERE rowid = APEX_APPLICATION.G_FROWID(i);
END LOOP;
Does anybody know why?
Best thanks,
Ilb

Drag and Drop from outside ADF

Here's what I want to do. My ADF app is going to be hosted inside an IFrame of another app. I'd like to be able to drag items from the other app into my ADF app and drop them on a specific target item. But now, as soon as I drag the pointer over the edge of the ADF app, the pointer becomes a no-drop icon, even over areas that should be droppable. Is there any way (easy or difficult) that I can enable this functionality? All advice welcome!

My external containing app is not an ADF app, so af:inlineframe doesn't work.
I've been looking at a page (http://www.codeproject.com/KB/scripting/DragDrop_Part-2.aspx) that does drag and drop across iframes in ASPX. The basic idea there is that the "ondragstart" event actually populates a field in the parent with the "what's being dragged" info, and then the "ondrop" event in the target retrieves that information using javascript. The problem I'm having with my ADF app is that as soon as the mouse starts over my ADF app, the drag pointer goes away and the drop event never arrives. If I could get it to arrive, I can definitely get to the data with javascript.
So any assistance on this front would be useful. Is there something I can hook into to tell ADF not to cancel the drag/drop?

Drag and drop js files.

Hello
How come when I drag and drop a .js file CS4 inserts an
<a> instead
of <script>? I mean, how often do I want to make an a
href link to
a js as opposed to attaching it to my page? Also the fact
that I'm
dropping it into the <head> section in code view should
give a
clue. It knows the correct thing to do with .css files, so
why not
.js?
I thought I could get clever with holding down ctrl or shift
but no
such luck. In fact, there doesn't seem to be any quick way to
do
it. There's only insert > html > script objects >
script > browse
for file.

JavaScript != Java; so you're in the wrong place.
That aside, I would never even bother to read the code you've posted since it's not in code tags.

Dojo drag-and-drop functionality - how to record?

Hello,
I am preparing some e-Tester scripts for our project. On one of the pages, the user has to choose some people as team members. This process is dynamic, and is developed and written using dojo (dojotoolkit.org) drag-and drop capabilities. Basically, the following happens:
1) Initially, user has an empty "Search" form on the left and an empty "Team members" form on the right
2) User enters some search string in the "Search" field on the left and presses the "Search now" button. The "Search" form will be filled with matching employees from the database.
3) User moves some of the employees to the "Team members" field via drag and drop
At the moment, I am having troubles recording the drag and drop part of the process. I tried recording all the events for the draggable sources and their targets, but it did not work (it seemed that the needed onmouse* events were recorded, but it still did not work). I also tried taking a snapshot of the needed page state, but it did not work since the drag and drop had nothing to do with the forms (dojo cuts parts of the html and pastes it elsewhere when drag and drop occurs). I even tried to fire the (not sure here) right events on the affected elements through PI, but it still did not work. Do you have any solutions, or maybe a suggestion I could try?
You can download the dojo toolkit from http://dojotoolkit.org/downloads and do some testing on a standalone example (dojo/tests/dnd/test_dnd.html) there, it is using the same mechanics.

That was the last thing I tried. I used FindElement to get access to the html elements dojo is "using" for drag and dropping. Then I FireEvent 'ed on those, trying to replicate the steps important for dojo DnD (drag and drop) - mostly onmouse* - but it just didn't work.
It might have failed either because I played a wrong sequence of events (dojo has practically no information available on the event sequence needed for DnD, though it is clearly written which events are actually used) or e-Tester failing to keep its control on the elements properly (since dojo is actually changing those elements className a lot during DnD).
So if anyone was able to steer dojos DnD like that successfully, maybe they could post a right sequence of events needed (should be something like: mousedown on the DnD item, mouseover on DnD target and mouseup on DnD item with - maybe - something inbetween).
I would really appreciate it if someone could also explain me how exactly the the whole FindElement/get Object/do stuff with that Object business works. For example in my PI program I have:
Set DnDSource = RSWApp.om.FindElement("DojoUnique12", "div", "id")
So what I get is actually an object DnDSource - and abstraction - which is somehow tied to the html source the browser is looking at. How is this object connected to the html source? If I start FireEvent ing the DnDSource, what is actually happening every time? e-Tester searches the current html source each time we access DnDSource in some way, using the provided " it is a div with id=DojoUnique12" information? Or does it work in some other way? If some other property (e.g. className) of that div changes after some event, will DnDSource still reference it properly? What if its id changes? What if the element is cut and pasted elsewhere in the html source by the JavaScript at some point?
Thanks for the help )

AIR JavaScript - Drag and drop to OS

Similar Messages

Maybe you are looking for