Hide content based on OS

The code example below hides some hyperlinks based on the users operating system
HTML • JavaScript

1) the style tag in each DIV tag hides each link by default.

2) The togglelink function in the onload event determines which link should be made visible.

// This script sets OSName variable as follows:
// "Windows"    for all versions of Windows
// "MacOS"      for all versions of Macintosh OS
// "Linux"      for all versions of Linux
// "UNIX"       for all other UNIX flavors 
// "Unknown OS" indicates failure to detect the OS

var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

function togglelink(){
	if (OSName=='MacOS'){


<body onload='togglelink();'  topmargin="0" leftmargin="0">

<div id="WindowsLink" style="display='none'" align="center">CONTENT HERE</div> 

<div id="MacLink" style="display='none'" align="center">CONTENT HERE</div> 


Posted by fbrefere001 on Wednesday February 22, 2006