JMP Learning Kit Certificates - Internal

ryandewitt

This article contains code and graphics for printing certificates for our complimentary JMP Learning Kits

 

PRINT Code 

The Kit passes the name variable and the js does the rest.   (This is not rendering the images)

 

myWindow = window.open("","Print","width=900,height=700,scrollbars=0,resizable=0");

var player=GetPlayer();
var course=player.GetVar("CourseName");
var username=player.GetVar("NewName");
var date=player.GetVar("SystemDate");
var score=player.GetVar("ScorePercent");

var contents ='<html></head><style type="text/css">';
contents+='h2 {font-family:"Museo Sans For Dell"; font-size:20px; color:#333333}';
contents+='h3 {font-family:"Museo Sans For Dell"; font-size:30px; color:#0085C3}';
contents+='h4 {font-family:"Museo Sans For Dell"; font-size:16px; vertical-align:bottom}';
contents+='</style><body>';
contents+='<table width="100%" border="0" cellspacing="0" cellpadding="0">';
contents+='<tr><td><center><img src="https://www.jmp.com/welcomekit/certificate/CertificateBanner.png"></center></td></tr></table>';
contents+='<table width="100%" border="0" cellspacing="0" cellpadding="20">';
contents+='<tr><td colspan="5"><center><h2>JMP Customer Care Certifies That</h2>';
contents+='<h3>'+username+'</h3>';
contents+='<h2>HAS SUCCESSFULLY COMPLETED</h2>';
contents+='<h3>'+course+'</h3>';
contents+='<h2>WITH A SCORE OF</h2>';
contents+='<h3>'+score+'%</h3></center></td></tr></table>';
contents+='<table width="100%" border="0" cellspacing="0"><tr>';
contents+='<td width="30%"><center><img src="https://www.jmp.com/welcomekit/certificate/link.png"></center></td>';
contents+='<td width="5%" rowspan="2"></td>';
contents+='<td width="30%"><center><h4>'+date+'</h4></center></td>';
contents+='<td width="15%" rowspan="2"></td>';
contents+='<td width="20%" rowspan="2"><img src="certificate/Logo.png"></td></tr>';
contents+='<tr><td><center><img src="https://www.jmp.com/welcomekit/certificate/community-link.png"></center></td>';
contents+='<td><center><img src="https://www.jmp.com/welcomekit/certificate/Date Line.png"></center></td></tr></table>';
contents+='</body></html>';

myWindow.document.write(contents);
myWindow.document.close();
myWindow.focus();
myWindow.print();