Move to back on mouse click

I realize this is probably the easiest thing in the world to do, but I’m brand new to this. I have a stack of elements that I need each to move to the back of the stack when clicked. Yes, it’s really just that simple, but I can’t figure it out. Can someone help please?

Javascript would be your answer!

Gimme a few minutes and I’ll knock up a document to show you :wink:

A few minutes are up! … moveElementBack.hype.zip (14.4 KB)

D

If you’re looking to “snap back” (as in move the top/left position) instead of move via z ordering, then you can use relative timelines. A relative timelines allows you to change a property from whatever it is currently at to a specified value, so you’d use this timeline to move an item back. See the docs on relative timelines for more info and samples.

I was under the impression that it was a stack of elements like one on top of the other. I have difficulty imaging how relative timelines would work in moving one element behind the other. I may have misread the post.

D

I have been working on this one…

It uses some animation and timers.


switchv1.hypetemplate.zip (143.7 KB)


This one will shield clicks on elements for the duration of the animations. Using a timeline and a shield element.

switchv2shielded.hypetemplate.zip (149.8 KB)

1 Like