Linking from Twine web object to next slide in course

Dec 18, 2017

Eve Alexander
By Eve Alexander

I got my Twine branching scenario working beautifully as a web object. For those who want to know how to do it without having your Twine online, publish your Twine to a subfolder (I called mine Twine) and name your published Twine file index.html. When you insert the web object, select the Twine folder.

Now here's my problem. I need to link from the successful conclusion of Twine to the last slide of my course in order to mark it complete in SCORM. Ideally there is a way to add a link, like <a href="nextslide">

Any ideas?

11 Replies
Godwin Vinny Carole
over 6 years ago12/21/17 at 6:27 am (UTC)

You can set a Storyline Variable from your webobject. 

Here's how you can do it:

<button onclick="parent.GetPlayer().SetVar('YourVariable','someValue')">Go to Next Slide</button>
  • Add the above code to your button inside webobject.
  • Replace "YourVariable"  with the variable you created in SL using which you can control slide navigation with in Storyline.
  • Set a trigger in the slide where you have added the webobject as follows:
    • Jump to Last slide when "YourVariable" changes.
    • Condition: If  "YourVariable" is equal to "someValue".

Hope this helps.

Cheers!

Daniel Bolia
over 4 years ago12/16/19 at 9:53 pm (UTC)

Hi Godwin,

I'm attempting to integrate Twine content in Storyline to create a text-only version of the content for screen reader users.

I've taken your suggestion for creating a button in the web object to change the value of the variable. I've added the trigger to jump to a specific slide when the variable changes and the condition is met.

I'm able to see the value of the variable change. However, I'm unable to jump to the designated slide. 

You can see my published version at https://360.articulate.com/review/content/ba71a335-0603-4ed2-9e84-dbd8d6a1ee7d/review. My SL file is attached.

Any insight or help you can provide would be greatly appreciated.

Thank you,

Dan

Michael Anderson
over 4 years ago12/17/19 at 5:27 pm (UTC)

Daniel, I think this has something to do with the way that your button code has the quotes changed to html codes, which seems to be mandatory. I worked around this by changing your variable to a text variable instead of a true/false so that the quotes work. Take a look at the attached project.

Robin Conyers
over 3 years ago01/15/21 at 9:41 pm (UTC)

Newbie to Twine! I am trying to do the same thing as above but in Harlowe.  I don't think the variable is being passed back into storyline. I have worked on this for days trying different things. I have attached my latest version of Storyline and Twine files. Any help would be appreciated. Thank you. 

Sign In to Reply