Articulate Storyline Custom Certifcate Problem IE11
Feb 11, 2016
We have a certificate that launches on the final page of a passed module. This asks for the users name and then generates a certificate including the users name. This works on all browsers except IE 11.
In IE 11 we get a 404 when it tries to generate the certificate.
I can get the same 404 by creating the certificate in a browser that works, waiting a while, then hitting refresh, so I'm guessing its connected to a Javascript issue or variable existing?
HTML of Certificate.html file that generates the certificate shown below. Anyway of fixing this for IE11 so it still works on other browers? Tearing my hair out on this one.... Thanks
<!DOCTYPE HTML>
<HTML>
<HEAD>
<!-- saved from url=(0014)about:internet -->
<TITLE>Results</TITLE>
<SCRIPT>
var g_arrMonths = new Array()
// Enter the month names below
g_arrMonths[0] = "January"
g_arrMonths[1] = "February"
g_arrMonths[2] = "March"
g_arrMonths[3] = "April"
g_arrMonths[4] = "May"
g_arrMonths[5] = "June"
g_arrMonths[6] = "July"
g_arrMonths[7] = "August"
g_arrMonths[8] = "September"
g_arrMonths[9] = "October"
g_arrMonths[10] = "November"
g_arrMonths[11] = "December"
// Enter the column headers
var g_strDateTime = "Date / Time"
var g_strStudentScore = "Student Score"
var g_strPassingScore = "Passing Score"
var g_strResult1 = "Result"
var g_strQuestion = "Question"
var g_strCorrectAns = "Correct Answer"
var g_strResult2 = "Result"
var g_strStudentAns = "Student Answer"
var g_strPointsAwarded = "Points Awarded"
var g_strNeutral = "Neutral"
var g_strCorrect = "Correct"
var g_strIncorrect = "Incorrect"
</SCRIPT>
<STYLE>
TABLE.SUMMARY {
width: 600px;
margin-left: auto;
margin-right: auto;
border-width: 1px;
}
TABLE.QUESTIONS {
width: 100%;
margin-left: auto;
margin-right: auto;
border-width: 1px;
}
TD {
font-size:10pt;
font-family:arial;
text-align: center;
width: 12.5%;
}
TH {
font-size:12pt;
font-family:arial;
}
.CORRECT {
font-size:10pt;
font-family:arial;
color: #008800;
}
.INCORRECT {
font-size:10pt;
font-family:arial;
color: #880000;
}
.NEUTRAL {
font-size:10pt;
font-family:arial;
color: #000088;
}
.QUESTION {
font-size:10pt;
font-family:arial;
text-align: left;
width: 46.25%;
}
.NUMBER {
font-size:10pt;
font-family:arial;
text-align: center;
width: 3.75%;
}
.DATE {
font-size:10pt;
font-family:arial;
text-align: center;
}
.DATETIME {
font-size:10pt;
font-family:arial;
margin-top: 0;
margin-bottom: 0;
}
.SUMMARY {
font-size:10pt;
font-family:arial;
text-align: center;
}
H1 {
font-size:48pt;
font-family:arial;
text-align: center;
}
H2 {
font-size:32pt;
font-family:arial;
text-align: center;
}
H3 {
font-size:12pt;
font-family:arial;
text-align: center;
}
</STYLE>
<SCRIPT>
var g_oContentResults = window.opener.g_oContentResults;
var g_listQuizzes = window.opener.g_listQuizzes;
var g_oPrintOptions = window.opener.g_oPrintOptions;
var player=window.opener.GetPlayer();
var CourseTitle=player.GetVar("CourseTitle");
function WriteQuizResults(strQuizId)
{
var oQuiz = g_listQuizzes[strQuizId];
document.write("<h3>" + oQuiz.strQuizName + "</h3>");
document.write("<TABLE class='QUESTIONS' BORDER=1>");
document.write("<TR>");
document.write("<TH>#</TH>");
document.write("<TH>" + g_strQuestion + "</TH>");
document.write("<TH>" + g_strCorrectAns + "</TH>");
document.write("<TH>" + g_strStudentAns + "</TH>");
document.write("<TH>" + g_strResult2 + "</TH>");
document.write("<TH>" + g_strPointsAwarded + "</TH>");
document.write("</TR>");
// Sort our questions by question number
var arrSort = new Array();
var arrQuestions = oQuiz.arrQuestions;
if (arrQuestions.length > 0)
{
if (arrQuestions[0].bFound)
{
for (var i = 0; i < arrQuestions.length; i++)
{
arrQuestions[i].bFound = false;
}
}
for (var i = arrQuestions.length - 1; i >= 0; i--)
{
var nIndex = -1;
var nMaxValue = -1;
for (var j = 0; j < arrQuestions.length; j++)
{
if (!arrQuestions[j].bFound && Number(arrQuestions[j].nQuestionNumber) > nMaxValue)
{
nMaxValue = arrQuestions[j].nQuestionNumber;
if (nIndex >= 0)
{
arrQuestions[nIndex].bFound = false;
}
arrQuestions[j].bFound = true;
nIndex = j;
}
}
arrSort[i] = nIndex;
}
for (var i = 0; i < arrSort.length; i++)
{
AddItem(arrQuestions[arrSort[i]]);
}
}
document.write("</TABLE>");
}
function AddItem(oQuestion)
{
var strResult = g_strIncorrect;
var strClass = "INCORRECT";
var strCorrectResponse = " ";
var strUserResponse = " ";
if (oQuestion.strCorrectResponse)
{
strCorrectResponse = oQuestion.strCorrectResponse;
strCorrectResponse = strCorrectResponse.replace(/\|#\|/g,", ");
}
if (oQuestion.strUserResponse)
{
strUserResponse = oQuestion.strUserResponse;
strUserResponse = strUserResponse.replace(/\|#\|/g,", ");
}
document.write("<TR>");
document.write("<TD class='NUMBER'>" + oQuestion.nQuestionNumber + "</TD>");
document.write("<TD class='QUESTION'>" + oQuestion.strDescription + "</TD>");
document.write("<TD>" + strCorrectResponse + "</TD>");
document.write("<TD>" + strUserResponse + "</TD>");
if (oQuestion.strStatus == "correct")
{
strResult = g_strCorrect;
strClass = "CORRECT"
}
else if (oQuestion.strStatus == "neutral")
{
strResult = g_strNeutral
strClass = "NEUTRAL"
}
document.write("<TD class='" + strClass + "'>" + strResult + "</TD>");
document.write("<TD>" + oQuestion.nPoints + "</TD>");
document.write("</TR>");
}
function FormatDate(dtmDate)
{
var strResult = "";
var nHours = dtmDate.getHours();
var strAM = "am";
var nMinutes = dtmDate.getMinutes();
var strMinutes = "" + nMinutes;
if (nMinutes < 10)
{
strMinutes = "0" + nMinutes;
}
if (nHours == 12)
{
strAM = "pm";
}
if (nHours > 12)
{
nHours -= 12;
strAM = "pm";
}
strResult += "<P class='DATETIME'>"
strResult += g_arrMonths[dtmDate.getMonth()] + " ";
strResult += dtmDate.getDate() + ", ";
strResult += dtmDate.getFullYear() + " ";
strResult += "</P><P class='DATETIME'>"
strResult += nHours + ":";
strResult += strMinutes + " ";
strResult += strAM;
strResult += "</P>"
return strResult;
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
//document.write("<p><H3><img src='http://www.targetinternet.com/catalyst/CatalystLogo.jpg'></H3></p>");
document.write("<P><H1>Digital Marketing Elearning</H1></P>");
document.write("<p><H3>Certificate of Completion</H2></p>");
var strTitle = g_listQuizzes[g_oPrintOptions.strMainQuizId].strQuizName;
if (g_oPrintOptions.strName)
{
if (g_oPrintOptions.strName.length > 0)
{
document.write("<P><H2>" + g_oPrintOptions.strName + "</H2></P>");
}
}
document.write("<p><H3>For the Completion of</H3></p>");
document.write("<P><H1>" + CourseTitle + "</H1></P>");
//document.write("<P style='margin-bottom: 0;'> </P>");
//document.write("<TABLE class='SUMMARY' border=1>");
//document.write("<TR>");
//document.write(g_strDateTime);
if (g_oPrintOptions.bShowUserScore)
{
//document.write("<TH>" + g_strStudentScore + "</TH>");
}
if (g_oPrintOptions.bShowPassingScore)
{
//document.write("<TH>" + g_strPassingScore + "</TH>");
}
if (g_oPrintOptions.bShowShowPassFail)
{
//document.write("<TH>" + g_strResult1 + "</TH>");
}
//document.write("</TR><TR>");
document.write( "<P><H2>" + FormatDate(g_oContentResults.dtmFinished)+ "</H2></P>");
if (g_oPrintOptions.bShowUserScore)
{
document.write("<P><H3>Score: " + g_listQuizzes[g_oPrintOptions.strMainQuizId].nPtScore + "%</H3></P>");
}
if (g_oPrintOptions.bShowPassingScore)
{
// document.write("<TD class='SUMMARY'>" + g_listQuizzes[g_oPrintOptions.strMainQuizId].nPassingScore + "</TD>");
}
if (g_oPrintOptions.bShowShowPassFail)
{
var nPtScore = Number(g_listQuizzes[g_oPrintOptions.strMainQuizId].nPtScore);
var nPassScore = Number(g_listQuizzes[g_oPrintOptions.strMainQuizId].nPassingScore);
var strCapResult = (nPtScore >= nPassScore) ? "Pass" : "Fail";
// document.write("<TD class='SUMMARY'>" + strCapResult + "</TD>");
}
// document.write("<p><H3><img src='http://www.targetinternet.com/wp-content/uploads/Logo_POWEREDBY_PXM-.png'></H3></p>");
//document.write("</TR></TABLE>");
</SCRIPT>
<P style='margin-top: 0;'> </P>
</BODY>
</HTML>
2 Replies
This sounds kinda like a problem I had also with IE11 and I think we published the story to an older format to get it to work. My IT guy worked on it, we had noticed older published engage programs worked. I could have faulty memory though!
Hi Daniel! Hoping someone on the community with some experience will be able to chime in and assist. Articulate Storyline does not support certificates of completion and modifying the output is not something that is supported either. I know we have many community members doing so that will probably be able to chime in and assist like Dane is here. Perhaps compatibility mode will assist based on his description?
This discussion is closed. You can start a new discussion or contact Articulate Support.