How to get name of drop target

Saola Animate Support Questions
2

Hi,

In drop event, “this” object is the drop target DOM element.
The drop target Saola Animate element will be doc.findElementByDom(this);
The overall script should look like below:

function onSceneActivated(doc, e) {
	// init drag drop
	var dragPrefix = 'drag';
	var dropPrefix = 'targetbox';
	var itemCount = 6;
	for (var i = 1; i <= itemCount; ++i) {
		makeDraggable(doc.getElement(dragPrefix + i));
		makeDroppable(doc.getElement(dropPrefix + i), {
			drop: function(event, ui) {
				var dragSource = doc.findElementByDom(ui.draggable[0]);
				var dropTarget = doc.findElementByDom(this);
				if (dragSource && dropTarget) {
					var resultString = dragSource.name.substring(dragPrefix.length) == dropTarget.name.substring(dropPrefix.length) ? 'correct' : 'incorrect';
					alert(dragSource.name  + ' is dropped into ' + dropTarget.name + ': ' + resultString);
				}
			}
		});
	};
}

dragdrop - center.saolapack (6.9 KB)

Regards

Center drag item on targetbox