Add alert based on user's browsers

Hi folks

 

I come to you for guidance about browsers.

 

Our internal systems require users to be accessing course content on any browser EXCEPT Internet Explorer.  But we answer too many support requests because the user doesn't know they are on IE.  Is it possible I could add an alert if the LMS detects that a user has launched a course on any MSIE browsers?  

 

If so, please advise which file (I think it might be in player.js, but I'm not sure) and where I'd write the alert message.

 

As always, your guidance is most appreciated!

 

jo xxx

5 Replies
Jo Lamontagne

Thanks Daniel

 

We've created all mandatory courses in HTML5 only.  But when users with IE as their default launch the course, they cannot understand why the content won't function.  My users are customer service specialists so aren't always aware that the problem relates to the browser they're using.  I'm hoping that by adding an alert when IE is detected, it will remind why it's not working.  

 

I've attempted to add this to the player.js document in the Program Files:

// Unsupported Browser

 

if (navigator.userAgent.indexOf('MSIE')>0) {

    document.write('You have launched this course via the Internet Explorer browser.  This means that the content will not function effectively.  Find out how to open  each and every time via the Chrome browser  <a href='http://genie/Interact/Pages/Content/Document.aspx?id=33351> please click here'</a>);

};

But this doesn't appear to be working.  Any obvious reasons why it's not?

 

xxx

 

 

 

 

Michael Anderson

The code below detects the browser, you can insert it as a trigger and then have the if statement set a Storyline variable and do whatever you want with that. Let me know if you need any help.

  // Opera 8.0+
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';

// Safari 3.0+ "[object HTMLElementConstructor]"
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification));

// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;

// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;

// Chrome 1+
var isChrome = !!window.chrome && !!window.chrome.webstore;

// Blink engine detection
var isBlink = (isChrome || isOpera) && !!window.CSS;

if (isIE == true){

// User is using IE, do something here

}