I have this piece of HTML:
- <div id="toolBox">
- <span>Tool Box (Drag me)</span>
- </div>
And this piece of CSS:
- #toolBox {
- width: 300px;
- height: 100px;
- }
- #toolBox span {
- display: block;
- height: 30px;
- position: relative;
- top: -30px;
- cursor: move;
- }
Basically, I have the <span> outside his parent (the <div>), and I wanna move the <div> by dragging the <span>. Is that posible?
Or maybe, disabling the dragging option on any elements inside the <div>, and letting the user to drag from a certain exposed part of the <div>. How could I disable the draggin option to an element inside the <div>?
Thanks.