JavaScript How To Detect Operating System Browser Flash Div Tags horizontal same line

last update 2010-09-04

SUMMARY:

This box will report information about 4 things based on the JAVSCRIPT CODE. We want this information to isolate why the Adobe flash player crashes our elarning courses. (for problems about flash player see below)

I you want information on research I did with DIV TAGS:

please see this article I wrote:

Horizontal Div Tag Alignment Internet Explorer Error and Bug float none does not work

ABOUT THE DIV TAGS: THE JAVASCRIPT OUTPUT ALSO DISPLAYS TWO DIV TAGS CENTERED NEXT TO EACH OTHER ON THE SAME HORIZONTAL LINE. i am trying to get away from formatting with tables...

output rendered from the java script

FLASH VERSION

BROWSER VERSION

OPERATING SYSTEM

SCREEN DIMENSIONS

DISCLAIMER: This code was created with Ideas and examples from multiple websites. I have simply aggregated the code so that I can use it for my reasons and experiences.

What will this information help us do?

=============================================================

We need this information and needed to start to track this information becuase our company has developed hundreds of e-learning (elearning) content training courses using the ADOBE FLASH /Macromedia flash rendering engine (brower plugin). By obtaining this information it will allow us to accomplish two things.

1> Customer service will be able to acknowledge the software which is installed on a particular customer's computer before troubleshooting web based training problems.

2> We will be able to store this information to a Cookie( the javascript created) and eventually have this cookie picked up by our elearning courses when training courses communicate to the website; course intitation, bookmarks, final exam scores. Once this informatin is in our database, we will be able to track the crashes in the elearning courses.

How do we track our crashes? Usually when a user's flash player crashes, the user has to log back into the LMS to restart the training. Typically when the content training course crashes the user logs back in within 10 minutes or sooner. Since we have isolated the restarts, we can also begin to track information about software installed on a client's computer to start troubleshoot and isolate the problem. The first step to understanding the problem is to track what versions of the software is installed on the clients computer.

To note: The original problem which provoked this type of troubleshooting and isolation can be found posted on this website.

The original message can be found here:

http://forums.adobe.com/message/2164599#2164599

Adobe told me to post additional problems here (I have yet to do this):

http://kb2.adobe.com/cps/408/kb408620.html

NOW TO THE JAVASCRIPT:

(for problems about flash player see below)

The Code below will render something like this:

TO NOTE: flash_detect.js can be found on this website.

http://www.featureblend.com/javascript-flash-detection-library.html

TO NOTE: Detecting windows 7 has not been tested, I have posted to this site for help

http://blogs.msdn.com/giorgio/archive/2009/04/14/how-to-detect-ie8-using-javascript-client-side.aspx

But I did find information about windows 7 on this site:

http://www.byteblocks.com/page/How-to-verify-Windows-7-operating-system-using-VerifyVersionInfo.aspx

<html>

<head>

<title>Online Training - Web Based Learning</title>

head>

<br />

<br />

</center>

</body>

function IsIE8Browser() {

var rv = -1;

var ua = navigator.userAgent;

var re = new RegExp("Trident\/([0-9]{1,}[\.0-9]{0,})");

//var re = new RegExp("Trident \/([0-9]{1,}[\.0-9]{0,})");

if (re.exec(ua) != null) {

rv = parseFloat(RegExp.$1); }

return (rv == 4);}

var browserversion = "";

var ie = false;

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;

ie = true;

var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number

if (ieversion>=8)

browserversion = "IE8 or +"

else if (ieversion>=7)

// http://blogs.msdn.com/giorgio/archive/2009/04/14/how-to-detect-ie8-using-javascript-client-side.aspx

// IE 8 INTRODUCE A NEW VARIABLE INTO THE userAgent "Trident" so IE8 could actually run in IE7 emulation/compatibility mode

{

if (IsIE8Browser()) {browserversion = "IE8+ (IE7 run mode)";}

else {browserversion = "IE7.x";}

//browserversion = "IE7.x";

}

else if (ieversion>=6)

browserversion = "IE6.x"

else if (ieversion>=5)

browserversion = "IE5.x"

else

browserversion = "IE YES (Ver?)"

}

else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Opera/x.x or Opera x.x (ignoring remaining decimal places);

var oprversion=new Number(RegExp.$1) // capture x.x portion and store as a number

if (oprversion>=10)

browserversion = "Opera 10.x or +"

else if (oprversion>=9)

browserversion = "Opera 9.x"

else if (oprversion>=8)

browserversion = "Opera 8.x"

else if (oprversion>=7)

browserversion = "Opera 7.x"

else

browserversion = "Opera Yes (Ver?)"

}

else if (/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Safari/x.x or Safari x.x (ignoring remaining decimal places);

var oprversion=new Number(RegExp.$1) // capture x.x portion and store as a number

if (oprversion>=5)

browserversion = "Safari 5x or +"

else if (oprversion>=4)

browserversion = "Safari 4.x"

else if (oprversion>=3)

browserversion = "Safari 3.x"

else if (oprversion>=2)

browserversion = "Safari 2.x"

else

browserversion = "Safari Yes (Ver?)"

}

else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);

var ffversion=new Number(RegExp.$1) // capture x.x portion and store as a number

if (ffversion>=3)

browserversion = "FFox 3.x or +"

else if (ffversion>=2)

browserversion = "FFox 2.x"

else if (ffversion>=1)

browserversion = "FFox 1.x"

else

browserversion = "FFox Yes (Ver?)"

}

else if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);

var chromeversion=new Number(RegExp.$1) // capture x.x portion and store as a number

if (chromeversion>=3)

browserversion = "Chrome 3.x or +"

else if (chromeversion>=2)

browserversion = "Chrome 2.x"

else if (chromeversion>=1)

browserversion = "Chrome 1.x"

else

browserversion = "Chrome Yes (Ver?)"

}

else

browserversion = "Browser?/Ver?"

//===============================

var OSName="Unknown OS";

var OS = navigator.appVersion;

if (!ie)

{

//document.write("THIS IS NOT IE");

OS = navigator.userAgent;

}

if (OS.indexOf("Win")!=-1) {

if ((OS.indexOf("Windows NT 5.1")!=-1) || (OS.indexOf("Windows XP")!=-1))

OSName="Win XP";

else if ((OS.indexOf("Windows NT 7.0")!=-1) || (OS.indexOf("Windows NT 6.1")!=-1))

// how to detect windows 7???

// http://www.byteblocks.com/page/How-to-verify-Windows-7-operating-system-using-VerifyVersionInfo.aspx

// http://blogs.msdn.com/giorgio/archive/2009/04/14/how-to-detect-ie8-using-javascript-client-side.aspx

OSName="Win 7";

else if ((OS.indexOf("Windows NT 6.0")!=-1))

OSName="Win Vista/Server 08";

else if (OS.indexOf("Windows ME")!=-1)

OSName="Win ME";

else if ((OS.indexOf("Windows NT 4.0")!=-1) || (OS.indexOf("WinNT4.0")!=-1) || (OS.indexOf("WinNT")!=-1))

OSName="Win NT";

else if ((OS.indexOf("Windows NT 5.2")!=-1))

OSName="Win Server 03";

else if ((OS.indexOf("Windows NT 5.0")!=-1) || (OS.indexOf("Windows 2000")!=-1))

OSName="Win 2000";

else if ((OS.indexOf("Windows 98")!=-1) || (OS.indexOf("Win98")!=-1))

OSName="Win 98";

else if ((OS.indexOf("Windows 95")!=-1) || (OS.indexOf("Win95")!=-1) || (OS.indexOf("Windows_95")!=-1))

OSName="Win 95";

else if ((OS.indexOf("Win16")!=-1))

OSName="Win 3.1";

else

OSName="Win Ver. Unknown";

//http://msdn.microsoft.com/en-us/library/ms537503%28VS.85%29.aspx How to detect OS for Microsoft

if ((OS.indexOf("WOW64")!=-1) || (OS.indexOf("x64")!=-1) || (OS.indexOf("Win64")!=-1) || (OS.indexOf("IA64")!=-1)) OSName=OSName+"(x64)"

else OSName=OSName+"(x32)"

}

else if (OS.indexOf("Mac")!=-1) OSName="MacOS";

else if (OS.indexOf("X11")!=-1) OSName="UNIX";

else if (OS.indexOf("Linux")!=-1) OSName="Linux";

//===============================

var flashversion = "";

if(!FlashDetect.installed) flashversion = 'Flash Not Installed'

else flashversion = 'FLASH ' + FlashDetect.major+'-'+FlashDetect.minor+'-'+FlashDetect.revisionStr

//===============================

var screendimensions = screen.width +"x"+screen.height

//-------------------------------

var computerspecparams = ""