Saving progress through Captivate

You can use localStorage to store data in the user's browser, usually a default of 10MB. Note that the user can clear localStorage at any time just like cookies.

You would need to use JavaScript to write and retrieve the localStorage. You would need to implement Captivates event listeners to see if there is a value for localStorage when the project is launched. If there is a saved value, go to the page representing their progress. You cn also store the variable values you use the show the checkmarks or anything else you want to save.

You can learn about the listeners here:

https://helpx.adobe.com/captivate/using/common-js-interface.html

Here is an example I use, you would need to include this script in an external JavaScript file and put the include statement in the header of the index.html.

'use strict':

//array built from the totalSlides variable to keep track of visited slide and activate the next button
var myProgress = 0;
//test if running http
var netConnected = location.protocol.indexOf('http') !== -1 ? true : false;
//test if running http on localhost
var localHost = location.href.indexOf( 'localhost' );
//Captivate variables supplied in the template for the JS Interace API
var interfaceObj, eventEmitterObj;
//add event listener to the window to listen for Captivates moduleReadyEvent
//event is fired when Captivate has created the cp object and created the html
window.addEventListener( 'moduleReadyEvent', function ( e )
{
//internal objects and methods supplied by Captivate
interfaceObj = e.Data;
eventEmitterObj = interfaceObj.getEventEmitter();
//call function to initialze localStorage
initStorage();
});

//function to keep track of user's progress. Builds an array 0 = not completed, 1 = completed.
function initStorage()
{
//check if localStorage is enabled and running on a server
if ( typeof( Storage ) !== 'undefined' && netConnected !== -1 )
{
//check if the local storage exisits
if ( localStorage.getItem( myProgress ) !== null )
{
//load the local storage into the getResults variable
var getResults = localStorage.getItem( myProgress );
//convert the local storage back into an object and populate the array
myProgress = Number( getResults );

window.cpCmndGotoSlide = myProgress - 1;
window.cpCmndResume = 1;
}
}

//call the initializeEventListeners function
initializeEventListeners();
}

//function to set the localStorage in the browser
function setStorage()
{
//check if localStorage is enabled and running on a server
if ( typeof( Storage ) !== 'undefined' && netConnected !== -1 )
{
//write the local storage
localStorage.setItem( myProgress, window.cpInfoCurrentSlide - 1 );
}
}

//function to initialize all event listeners used
function initializeEventListeners()
{
//prevent error if does not exist
if ( interfaceObj )
{
//prevent error if does not exist
if ( eventEmitterObj )
{
eventEmitterObj.addEventListener( 'CPAPI_SLIDEENTER', function ( e )
{
setStorage();
});
}
}
}