At the end of an On Drag Action can a Timeline be triggered?

[JimScott]

@aStoryTeller

Assuming You are doing a drag&drop operation > this is a question with which I have zero personal experience & knowledge.

So I would invite You to do a search for "drag and drop" after which a cornucopia of hits will result.

Examples of two topic hits that offer different approaches:

---

#1

Drag and Drop for simple Quiz

Thanks for this. I think all of these examples won’t help me as they seem to rely somewhat on innerHTML when indicating the correct answer. Is that right? What I’d like to do is have the dragged element be an image. When the image gets to the correct drop zone I’d like there to be a correct or incorrect indication. Thank you!

The Hype Project referenced by this post:D-n-d_test.hype.zip (17.6 KB)

General concept (code snippet here by @h_classen) :

    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;

---

#2
The following is absolutely marvelous by @rene:

How I can make a droppable element in Hype3?

And here’s another page to play with drag&drop! Kokeshi [image] Grab the Hype document overhere kokeshi.hype.zip (6.9 MB)

I find this code far more complex than the above "matt5834" posting ~ @h_classen example. From my brief perusal "offset" appears to be the approach for ascertaining the target:

if (vDragHair.offsetLeft > vDropHead.offsetLeft && vDragHair.offsetTop > vDropHead.offsetTop && vDragHair.offsetLeft + vDragHair.offsetWidth < vDropHead.offsetLeft + vDropHead.offsetWidth && vDragHair.offsetTop + vDragHair.offsetHeight < vDropHead.offsetTop + vDropHead.offsetHeight)

**Kokeshi Screen shot**