Javascript in OTBI Analysis Narrative - OLC

Alex Mackie

Summary

Javascript in OTBI Analysis Narrative

Content

I've tried putting a statement together where a different background image is displayed depending on learning item number, with not much success. Below is the text I currently have in the my template's narrative.  Is it ok to create this condition on the learning item number? You mention using DFF values in your initial response, are we forced to use that approach?

Thanks!

<div style="font-family: Helvetica; margin: 0 !important;">
<table id='learning-completion' style="width: 1420px; height: 1080px; background-image: url('../../analytics/saw.dll?downloadFile&amp;path=%2fshared%2fCustom%2fHuman Capital Management%2fLearn%2fCertificate of Completion%2fTDP I certificate v. ALL 5.3.2021.png'); background-repeat: no-repeat; background-size: 1420px 1080px;-webkit-print-color-adjust: exact !important;color-adjust: exact !important;">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: bottom; font-size: 60px; font-family: Helvetica;">
<p><span style="color: #ffffff;">Certificate of Completion<br /><span style="text-decoration: underline;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span></p>
</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: top; color: #000000; font-family: Helvetica; font-size: 30px;">This Document hereby Certifies that <br /><br /><span style="color: #000000; font-size: 50px;">@2&lt;/span><br /><br /><span style="color: #000000; font-size: 40px;">Successfully Completed the Following Training Course</span><br /><br /><span style="color: #000000; font-size: 50px;">@3 </span><br /> <span style="color: #000000; font-size: 25px;">Course Number - @4&lt;/span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: top;"><span style="color: #000000; font-size: 30px;">Completed on : <span style="text-decoration: underline;">@5&lt;/span></span></td>
</tr>
</tbody>
</table>
</div>

<script>
 var docTable = document.getElementById('learning-completion');
 if ('@4'; == 'OLC100001') {
 docTable.style.backgroundImage = 'url(\'../../analytics/saw.dll?downloadFile&amp;path=%2fshared%2fCustom%2fHuman Capital Management%2fLearn%2fCertificate of Completion%2fTDP I certificate v. ALL 5.3.2021.png\')';
 }
 if ('@4'; == 'OLC100101') {
 docTable.style.backgroundImage = 'url(\'../../analytics/saw.dll?downloadFile&amp;path=%2fshared%2fCustom%2fHuman Capital Management%2fLearn%2fCertificate of Completion%2fCertificate of Completion 2.jpg\')';
 }
</script>