Passing variables to certificate (in HTML5 version)

Hi, Andreas - 

I just wanted to share that although we don't provide support for JavaScript coding, it may be helpful to take a look at this document on JavaScript Best Practices. Hopefully, some of our JS experts in the community can chime in with suggestions! 

Hi Christine,

I am aware Articulate does not provide JavaScript support, but as printable certificates are something many users are likely to request I hoped the community had long since found a good general solution.

In any case, I solved it by modifying this script, which uses JavaScript to send the user variables to the certificate using POST (creating a temporary form). The variables are then read from the certificate using PHP.

The JavaScript run in Storyline when the user clicks the "Print" hotspot:

// Get user names
var player=GetPlayer();
var firstName=player.GetVar("Förnamn").replace(/(\r\n|\r|\n)/g, '');
var lastName=player.GetVar("Efternamn").replace(/(\r\n|\r|\n)/g, '');
var wholeNamn=firstName + " " + lastName;

// Create a form
var certificateForm = parent.document.createElement("form");
certificateForm.id = "hiddenForm";
certificateForm.style.cssText = "display:none;";
certificateForm.target = "_blank";
certificateForm.method = "POST";
certificateForm.action = "report.php";

// Create an input
var certificateInput = parent.document.createElement("input");
certificateInput.type = "text";
certificateInput.name = "variable";
certificateInput.value = wholeName;

// Add the input to the form
certificateForm.appendChild(certificateInput);

// Add the form to dom
document.body.appendChild(certificateForm);

// Just submit
certificateForm.submit();

The JavaScript that goes in the certificate (report.php):

<?php foreach ($_POST as $key => $value) echo htmlspecialchars($value); ?>

HI, Andreas - Thank you for the update and for sharing your discovery! :)