Drag and Drop for simple Quiz

[warrenao (Warren Adams-Ockrassa)]

This is not a wholly trivial thing you're looking to do, as making an element draggable all by itself is a bit tricky without some JS. However, building from this:

Drag element limited by 'container' without additional js-library

Hi, adding this js as executed script on ondrag-event of an element should remain its position within the given bounds. c = [50, 550, 50, 400];//contained by box [x1, x2, y1, y2] p = element.parentNode; pX = p.getBoundingClientRect().left; pY = p.getBoundingClientRect().top; gX = event['hypeGestureXPosition']; gY = event['hypeGestureYPosition']; eW = element.getBoundingClientRect().width; eH = element.getBoundingClientRect().height; nX = gX - pX - (eW/2); nY = gY - pY - (eH/2); if(nX…

…the rest is really just a question of determining intersect. Here's a rough version.

D-n-d_test.hype.zip (17.6 KB)