Flash index with troubleshooting
Flash index with troubleshooting is an HTML page that can be used in an ICOM Flash course that includes additional information meant to help end-users with their browser's Flash plug-in. This problem is increasing as modern browsers continue to disable Flash plug-in and end-users are increasingly unable to load their courses.
Course message
If the end-user's browser is unable to use a Flash Player plug-in the following message will be displayed to them. Browser detection code attempts to display browser specific messaging.
Version 2017-10-13
Internet Explorer 9+
Edge
Chrome
Firefox
Safari
Opera
Other/unidentified
Error displaying message
The message utilizes raw JavaScript. If the end-user has Scripting disabled this page may not display properly.
Upgrading an existing course
Manual edit
An existing index can be manually edited to implement this troubleshooting message
1) Update CSS style tag in page head
Old style tag (REPLACE THIS ONE)
<style>
New style tag
<style>
html,body,div{height:100%; margin:0; padding:0; overflow:hidden;}
</style>
html,body,div{font-family:"Verdana";height:100%; margin:0; padding:0; overflow:hidden;}
h2{margin: 25px 25px 0px 25px;font-size: 2em;}
h3{margin: 15px 25px 0px 25px;font-size: 1.5em;}p{margin: 15px 25px 0px 25px;}
i{font-size: 80%;}
</style>
2) Update body bgcolor
Old body bgcolor (REPLACE)
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
New body bgcolor
<body bgcolor="#E8E8E8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
3) Update miFlash div
Old miFlash div (REPLACE)
<div id="miFlash">
New miFlash div
<div id="miFlash">
Your Web Browser requires Flash Player 8 or greater to view this e-Learning content.<br/>
<A HREF ="http://www.adobe.com/products/flashplayer/">Click here to upgrade.</A>
</div>
<h2>Adobe Flash Player</h2>
<p>It looks like something may have gone wrong with your <b>Adobe Flash Player</b> plug-in. It will be required to view your course but it has either not been installed or it has been disabled.</p>
<h3>How to enable</h3>
<p>
<script type="text/javascript">
//Check if browser is IE
if ( navigator.userAgent.indexOf("MSIE")>0 ) {
document.write('For Internet Explorer you can enable Flash by visiting:<br/>' +
'Tools > Manage add-ons > Enable Shockwave Flash Object');
}
//IE11
else if ( !!window.MSInputMethodContext && !!document.documentMode) {
document.write('For Internet Explorer 11 you can enable Flash by visiting:<br/>' +
'Tools > Manage add-ons > Enable Shockwave Flash Object');
}
//Check if browser is Edge
else if (window.navigator.userAgent.indexOf("Edge") > -1) {
document.write('For Edge you can enable Flash by visiting:<br/>' +
'Menu (...) > Settings > View Advanced Settings > Use Adobe Flash Player');
}
//Check if browser is Chrome
else if (navigator.userAgent.search("Chrome") >= 0) {
document.write('For Chrome you can enable Flash by visiting the top left of this window:<br/>' +
'View site information (i) > Flash > Always allow on this site');
}
//Check if browser is Firefox
else if (navigator.userAgent.search("Firefox") >= 0) {
document.write('For Firefox you can enable Flash by visiting the top left of this window<br/>' +
'Plugins (building block) > Allow and Remember');
}
//Check if browser is Safari
else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) {
document.write('For Safari you can enable Flash by visiting the top right of your original window<br/>' +
'Settings > Preferences');
}
//Check if browser is Opera
else if (navigator.userAgent.search("Opera") >= 0) {
document.write('For more information on Opera, <a href="http://help.icomproductions.ca/index.php/Enable_Flash_Player_plugin" target="_blank">click here</a>.');
}
else
{
document.write('For more information, <a href="http://help.icomproductions.ca/index.php/Enable_Flash_Player_plugin" target="_blank">click here</a>.');
}
</script>
</p>
<h3>How to install</h3>
<p>
<script type="text/javascript">
if (navigator.userAgent.search("Chrome") >= 0) {
document.write('Flash is integrated into Chrome. Visit the top right of your original window:<br/>' +
'More (...) > Update Google Chrome');
}
else
{
document.write('To install <b>Adobe Flash Player</b> <a href="https://get.adobe.com/flashplayer/" target="_blank">click here</a>.');
}
</script>
</p>
<p>
<i>Note: This may require Administrative rights on your computer.</i><br/>
</p>
<p><img src="http://disabled.icomproductions.ca/img/flash_windows.gif" /></p>
<p>
<i>Updated: 2017-10-13. For more up-to-date information, <a href="http://help.icomproductions.ca/index.php/Enable_Flash_Player_plugin" target="_blank">click here</a>.</i>
</p>
</div>
