2 way communication between content in an IFrame and Storyline

very interesting method to combine several storyline courses

here is a small example how it could work

mother:

• create a variable for every daughter ("subCourse1" with default value false)
• set trigger on "variable changes" to do something (here show a layer)

daughter:

here little javascript script for the daugther (here on button click)

var player = parent.GetPlayer();

console.log( "Player", player );

player.SetVar( "subCourse1", true );

• Daughter: then publish to web and rename "story.html" to "index.html"
• Mother: import the web object
• if you publish, you can see the result (a complete copy of the daugther)

VERY IMPORTANT: If you change anything with the daughter, you have to delete the webobject (-> Mother) and reimport it - there is NO automatic update

• Mother: publish to review360

result:

https://360.articulate.com/review/content/22ca6822-b7d9-4753-8646-64c2230d736b/review

-> daughter: click the button -> sends to "result"
-> mother: receives the "result" -> overlay

and here the link to scorm cloud

https://app.cloud.scorm.com/sc/InvitationConfirmEmail?publicInvitationId=07cc4219-ce67-44f5-bca5-bd9b8929891b

hint:

use the browser console (-> F12) if there are problems with the javascript

in the last line you can see the result of

console.log( "Player", player ); 

if there errors - e.g. wrong "variable name: subCourse2" you get a message