last day (29 days later) » 

7:20 AM
1
A: Dragging one image makes other image to drag

cieunteungBecause the elements overlap each other I think the best way to fix is by setting the z-index. its not perfect, when switched between element you have first to drag the element that not overlapped. fileupa.onchange = e => { target_imga.src = URL.createObjectURL(fileupa.files[0]); // se...

 
user8444404
Thanks for reply , we are giving dragging option to users.... So it's really not possible to tell to users to drag the first image or second image.... They can drag whichever they want!....
 
Of course they can drag whichever and you don't need to tell them. I'm not good in English to explain but have you tried my solution and have you found the limitation?
 
user8444404
Yes, i tried your solution.... they can drag both images, but if user drag right part of 1st image, than 2nd image is dragging..... but both should be independent...... means if i drag uploaded image in mask1, than only 1st image should drag...... same for 2nd one also..... Here is your code snippet video link : drive.google.com/file/d/1OolS-dJ1Nl4pcOGASQIgoCkU06itgGqP/vi‌​ew
 
user8444404
sorry, its really not possible to tell users that don't switch between elements , they can do however they want.......
 
I don't talk like that, see this image What was I mean is, to able drag area B I need to drag area A first. this is better than I cannot drag area B at all.
 
user8444404
7:20 AM
I got what you said..... sorry , we can't tell users to drag Area A , than after drag Area B..... users may just upload image & start dragging Area B.....
 
user8444404
i added your code in codepen : codepen.io/kidsdial/pen/xMWBXp , there is one more issue is that : if we drag the left part of 2nd image, than 1st image is dragging...... please check video here : drive.google.com/file/d/1-577uOUk-gSJzBE7qYDzce06V9tzCDYf/vi‌​ew
 
see this image we need to click area D first. the logic, usually when user fail to drag area B or C they will try to drag A or D then back dragging B or C so you don't need to tell them.
 
user8444404
Thanks for all those ABCD images.....The main problem is when user drag B part , along with B part C&D part also moving.... but when user Drag B part, it should move only B Part.....
 
user8444404
your solution will work if user Drag in this order : DCAB, but user drag in this order : BAC your solution don't work.....
 
user8444404
so using z-index, we can't solve this, right ? is there any other way ?
 
7:20 AM
from what I know, no other way.
 

  last day (29 days later) »