Thanks for that hints!
I checked Your demo application. All is rather clear (at modelling side) but I found several strange behaviours:
- it is hard to actually drop down this text display on other Panes. I can do that really rare
- You can 'copy' Panes with drag&drop if they have this "Drag and Drop Me!" text in it (maybe it happens even without it) - the question is why or what for, or maybe that's a bug?
This movable Pane changing its visibility is really tricky and well modelled though. Yet all of this isn't working so good :(
Anyway, unfortunately I can't use your method (maybe I could use part of it) to do my job which is making some kind of calendar. In Your example there are 3 Panes where you can drop things. I need clear space where I can move anything anywhere (cause some events in the calendar may spread through several "rows", or even half of a row).
Notice that below when I'm speaking about cells, I just mean some place for 'eventDiv', it's not real TD cell.
Now I'm trying two ways:
- Fluent one, where you can move so called 'eventDiv' anywhere you want (almost). Yet it's not checking any boundaries and other conditions, but as you will see if you download file, this 'eventDiv' is higher than a row (using tricks with layers). Here to do is to put this 'eventDiv' in proper cell after 'mouse up' event.
- StepByStep, where you can move 'eventDiv' just once after 'mouse down' and 'mouse move'. 'Event Div' is then jumping to some counted earlier position (proper cell). Here to do is jump from cell to cell constantly until 'mouse up'.
Second way is maybe better, but it seems a bit slow already, so it's not so trustable. First one is maybe more reactive, but I don't know what will happen with fluency, when I start adding some other conditions about putting 'Event Div' in proper cell.
All this seems rather slow and not so reactive, don't know why :(
You can check it if You want, maybe you'll find some big efficiency mistake, or have other ideas.
For best results, use the Firefox browser..