I have a square container in which 9 elements can be moved by mouse.
I have set up an Observer who tell me when an element is close to the container boundary (up/down ; Left/right).
When a boundary is reached, I forced the element position in order to always keep it inside the container.
My question : I would like to change the appearances of the elements as an Arrow shaped (right arrow when right boundary is reach, up arrow when up and so on …). If the Users moves back the arrow, the element come back to the former appearance.
It’s painful to manage the links between all this elements !
Is it a more easy way to just switch the appearance ? With InnerHTML ?
Thank you very much for your help !