Custom Table of Contents Based on Variable Button Trigger in Storyline 360
Has anyone tried creating a custom dynamic Table of Contents based on a button trigger in Storyline 360? I want to create a branching lesson that has mostly shared information but at points it separates to offer specified information based off of a button choice made at the start. The problem I'm running into is that it will show all of the contents in the player table of contents. Even when I set up a custom table of contents it shows both choice options. I would like to be able to have that change based off of that initial button choice. I have tried using JavaScript but can't seem to locate where in the story file or the overall published file the table of contents is located. Any ideas if this is even possible or am I barking up the wrong tree?How to execute JS in Storyline Block in Rise
I have a Storyline block in rise that is a web object so that I can have the audience interact with a web page. The problem is the web page has some overlay windows that end up taking over most of the screen real estate. A used AI to write this code, added a trigger to execute this code When the timeline starts (also tried 1.5 sec in case it was triggering to soon). Also tried tying it to a button and executing it on click but still no luck. Anyone had luck closing overlay windows on a webpage inside of rise? function closeOverlays() { // Find all elements with the class 'overlay' var overlays = document.querySelectorAll('.overlay'); // Loop through each overlay and close it overlays.forEach(async function(overlay) { // Find the close button within the overlay var closeButton = overlay.querySelector('.close-button'); // If a close button is found, click it to close the overlay if (closeButton) { closeButton.click(); // Wait for the closing animation to complete await new Promise(resolve => setTimeout(resolve, 500)); // Adjust the delay as needed } else { // Handle overlays without a close button overlay.style.display = 'none'; } }); }Elapsed Time when the user is active on the page - help with Javascript code
Hello appreciate your help on this matter~ While storyline has built in variables to document project time & slide time, to my knowledge if you want to collect the elapsed active time, as not on another browser tab or another window, you need to use Javascript. I have attempted this with no results in two ways (see attached storyline files) Attempt #1: Visibility Use document.hidden to detect when the user is inactive (e.g., switches to a different tab). Attempt #2: Set Interval Method Use "start," "stop," and "reset" function when the page is active. Adjust from this source. Note: on the file below I just created it for the first slide but I would replicate it for the rest. Instead of pasting all the code I have it in the files below. Any suggestions on how to accomplish this goal of recording the total course time and the time on each of the slides (but pausing the timer when they aren't on the actual page)?
