Allow embedded Storyline SCORM content to be opened in new window

Jan 11, 2019

I am looking for a solution to allow a learner to be able to open the Storyline content in a new window at any point as they view the content, and still allow progress to be tracked from within the LMS. Using the player option to open the content in a new window will allow tracking, but that will only perform this function before the content is displayed.

I am running into two issues:

  1. The LMS will not track the progress if the content is opened in a new window at some point within the content itself.
  2. The content will start over from the beginning when opened in a new window.

I have tried triggering the JavaScript generated by the software when you select the option to open the content in a new window with a button or a player option, but that does not generate the desired results.

var Safari = (navigator.appVersion.indexOf("Safari") >= 0);

var g_bChromeless = false;
var g_bResizeable = true;
var g_nContentWidth = 740;
var g_nContentHeight = 611;
var g_strStartPage = "story_html5.html" + document.location.search;
var g_strBrowserSize = "optimal";

function LaunchContent()
{
var nWidth = screen.availWidth;
var nHeight = screen.availHeight;

if (nWidth > g_nContentWidth && nHeight > g_nContentHeight && g_strBrowserSize != "fullscreen")
{
nWidth = g_nContentWidth;
nHeight = g_nContentHeight;

if (!Safari && !g_bChromeless)
{
nWidth += 17;
}
}

// Build the options string
var strOptions = "width=" + nWidth +",height=" + nHeight;
if (g_bResizeable)
{
strOptions += ",resizable=yes"
}
else
{
strOptions += ",resizable=no"
}

if (g_bChromeless)
{
strOptions += ", status=0, toolbar=0, location=0, menubar=0, scrollbars=0";
}
else
{
strOptions += ", status=1, toolbar=1, location=1, menubar=1, scrollbars=1";
}

// Launch the URL
if (Safari)
{
var oWnd = window.open("", "_blank", strOptions);
oWnd.location = g_strStartPage;
}
else
{
window.open(g_strStartPage , "_blank", strOptions);
}
}
LaunchContent();
}

If I have the JavaScript var g_strStartPage = "story_html5.html" + document.location.search; set to open the index_lms.html file I get a window stating that the SCORM files could not be opened correctly. If I set the JavaScript file to open the story_html5.html file the content will open in a new window, but it will start over at the beginning and does not seem to be tracking the progress in the LMS.

I have tried placing the content in an iFrame, but that does not integrate with the LMS and has the same issue with starting from the beginning of the content no matter where within the timeline I click on the button.

There have been several threads that discuss this topic, but it always seems to point to the builtin option to open the content in a new window in the player settings.

I am hoping to discover if anyone has been able to find a way to allow the content to be opened in a new window at any time from within the content while being able to track progress in the LMS. The goal is to allow the learner to open the content to allow it to be larger than the LMS allows for accessibility and legibility purposes.

I would also like to add a switch, that detects whether the content in full-screen mode or not and toggle a variable in Storyline to change the function of a full-screen button (allowing the button to be hidden if in full-screen mode or visible if not). This part may be a little more than I can bite off, but I wanted to add the request in case anyone has a solution.

Any advice you can provide will be greatly appreciated.

Thank you!

Be the first to reply

This discussion is closed. You can start a new discussion or contact Articulate Support.