jquery - JAVASCRIPT drag-and-drop from browser to desktop using TOUCH events? -

-

i'm working on website, supposed allow user drag , drop div containing html canvas offscreen. div made draggable jquery's .draggable() function, this:

div_to_drag.draggable({     //some .draggable() properties })

note: jquery .draggable api can found here: http://api.jqueryui.com/draggable/

when user begins dragging div containing canvas off screen, convert canavs image, , save image desktop when user drops. instead of using mouse, user drags div offscreen using touch screen. touch capabilities enabled magictouch.js. here's code handles when user begins dragging:

div_to_drag[0].addeventlistener('touchstart', function (event) {     // if 2 fingers inside div, user dragging div     if (event.targettouches.length == 2) {         //convert canvas inside div image         //get datatransfer property of event , attach image     } }, false);

note: magictouch.js follows w3c standards, defined here: https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html#dfn-touchend

now, problem drag , drop off screen, seems way "datatransfer" property of html5, created browser during html5 drag events. how datatransfer property touch events of magictouch.js? i've tried programatically creating html5 drag events, generates null datatransfer property, explained older post:

datatransfer null when creating drag event programmatically

so, because of security, can't manually create datatransfer property during touchstart. datatransfer way i'll able allow user drag , drop desktop. there way can generate valid datatransfer property when using touch events? appreciated


Comments

Post a Comment

Popular posts from this blog

python - pip install -U PySide error -

-
does know how avoid following error when running pip install -u pyside per official website instructions here: https://pypi.python.org/pypi/pyside/#installing-pyside-on-a-mac-os-x-system note have done brew install qt successfully. you using pip version 7.0.3, version 7.1.2 available. should consider upgrading via 'pip install --upgrade pip' command. collecting pyside using cached pyside-1.2.4.tar.gz installing collected packages: pyside running setup.py install pyside complete output command /applications/anaconda/bin/python -c "import setuptools, tokenize;__file__='/private/var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-build-cpxemt/pyside/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-0r7hri-record/install-record.txt --single-version-externally-managed --compile: ...
Read more

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

-
simple question: i'm trying initialize array within c++ class declaration: using namespace std; #include <string> class myclass{ public: string myarray[] = {"a","b","c"}; }; and i'm getting error: error: brace-enclosed initializer not allowed here before ‘{’ token no, without complied c++11 compiler, cannot initialize member array in declaration. have initialize array member in constructor. , don't use open array if know number of elements initialize array.
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more