I was asked to build a page that contains 15 buttons. These buttons can be selected or deselected. Based on certain combinations of selected buttons, you will jump to a different scene or maybe a website. The submit button (we might call it different) will trigger the page or site that it will go to afte selections are made.
Now I hardly have javascript knowledgde I understand basic scripts when I read it.
Would there be a simple way to build this? And is it possible to keep a nicie design for the buttons and have also a different state design when selected?
I usually use Tumult for animations and some interactions without any coding.
Happy to hear if someone has a tip or maybe can explain how I could do this with JavaScript
It shows how to select a specific scene when a button is pressed. Basically, it uses JavaScript. If the right arrow was selected, go to the next scene. If the left arrow was selected, go to the previous scene. It's also checked to see if it's at the end, so it restarts the loop.
However, since you're talking about button combinations, it's probably a good idea to use a persistent symbol. That's shown more simplistically with the “Menu” template…
While you could handle the button states via timelines for each button, even at 15 this might start to be a little tedious (and could be easily handled by a little bit of code).
Likewise though code is definitely going to be the best way to handle different states having specific actions.
First, you'll need to give Unique Element IDs via Hype's Identity Inspector to each button that you want represented. I'd call them something like button01, button02, ... button15 etc. Then in the Action Inspector add an On Click handler to Run JavaScript….
Beyond this it would be hard to say what to do without a bit more specification (is there an example of the behavior you want)? but I'd imagine you can feed the behaviors you want into chatgpt and it could make the code. I'd basically say that you want a function that handles button clicks. If you describe the button IDs and what action you want taken it can probably get most of the way there.