I've started creating a simple quiz and the user drags the question either left or right over static yes or no images. Onced dragged and dropped the answer page is triggered. All works fine thanks to some very helpful people on this forum!! My client now wants the static yes/no images to scale up as the question gets dragged ontop. I've been searching this forum and google and am not getting anywhere – so I once again ask if anyone can help? Thanks in advance. Bob
i'd assume that you have some Hyperelated code running that acts on drop. you'd have to extend it to also work while hypeDocument.kHypeGesturePhaseMove is the current state ...
that said asimplyfied example of what you're actually doing/trying is always fine
I am using some custom behaviours to Jump to a scene which happens once the question is dropped on the yes no icons ... I also can't seem to find a way of adding screen shot so you can see what I'm doing! Really sorry – I'm a total beginner!
Replaced the Enabler.js and my worst fears have been realised – now the drag works but nothing else I have downloaded your jungle quiz/game which is superb, but I just can't work out how to get it all working again and how to get the drop zone graphic to scale up as the dragged item gets near/on top .. or get it working again where as it drops it triggers a new page ...
This worked! I beleive it may have been the data-dropcustombehavior that was causing the issue Thank you so much for the example – will now try to scale up/down using the data-intersectcustombehavior and 2 custom behaviours
You have been so helpful. Thank you. I'll let you know how it goes
Quick question – I've gone back to square one again and now nothing is even dragging let alone dropping and triggering custom behaviours – all I did was change the graphics for the drop 'zone' from an image to an elipse .. anyway, going to start again from the previous file that worked and still works but do I need to include this file
intersection-observer.js
I didn't before when it was all working and just noticed it in your kind example ...
Sorry to be pain but I'm getting very frustrated on something that shoudl be very straightforward!
Okay – I've realised that the Enabler.js needs the 'include in header' checked to make it all work. So now I have something working I'd like to share with you. Very much work in progress!!! Hopefully you can see that dragging the question graphic over YES on the right scales up nicely and moves to the answer page okay. But the NO won't scale up but will go to the answer page ... It's probabaly something very simple I've messed up but would you mind looking over for me?
loading the scripts in the right order and only once is important
setting the data-attributes exact as in the documentation is important
avoid scaling if possible and making drag and drop of the same dimensions should bring best results ... in your case perhaps even make them bigger, to get earlier response