Image Maps and Browser Detection of JScript

**Juan-Carlos** · 18-12-2009

I have finished studying HTML(Hyper Text Markup Language) last month. And now I am studying JScript. Although uptill now everything was not quite easy untill I reached the JScript Advanced part. Now can anyone define and provide information on Image Maps and Browser Detection in JScript. I am finding this section little difficult to understand.

**opaper** · 18-12-2009

There are certain old browsers which may not compatible with JavaScript. In such situation is wise enough to detect whether a browser will support the JavaScript web page or not. For this we make use of the Navigator object. The visitor's browser information is contained in the Navigator object. Thus we can use the Navigator object in JavaScript to detect the user's Web browser.

**Katty** · 18-12-2009

Code:

<html>
<head>
<script type="text/javascript">
function detectBrowser()
{
var wb=navigator.appName;
var wbver=navigator.appVersion;
var ver=parseFloat(wbver);
if ((wb=="Netscape"||wb=="Microsoft Internet Explorer IE")
  && (ver>=4))
  {
  alert("This Browser is supported");
  }
else
  {
  alert("Update your browser");
  }
}
</script>
</head>

<body onload="detectBrowser()">
</body>
</html>

The above code is used to provide the user with the information whether the web browser used by the user is supported or not. The Scripting language used is JavaScript.

**Modifier** · 18-12-2009

Code:

<html>
<head>
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("desc").innerHTML=txt;
}
</script>
</head>

<body>
<img src="Byke.gif" width="70" height="115"
alt="Planets" usemap="#Bykemap" />

<map name="Bykemap">
<area shape ="rect" coords ="0,0,60,100"
onMouseOver="writeText('Harley Davidson')"
href ="harley.htm" target ="_blank" alt="Harley" />

<area shape ="circle" coords ="70,40,3"
onMouseOver="writeText('V-Twin Engine')"
href ="vtwin.htm" target ="_blank" alt="Engine" />

<area shape ="circle" coords ="99,30,4"
onMouseOver="writeText('Willy G. Davidson')"
href ="Willy.htm" target ="_blank" alt="Willy" />
</map>

<p id="desc"></p>

</body>
</html>

The above code is what I used for scripting an HTML page with JavaScript when I was given an assignment. I used the Harley Davidson byke as the image for my Image Map.

**Praetor** · 18-12-2009

Incase you want to know which web browser the user of your web site is using to view your web site's web page then you may use the Browser Detection using the J-Script. At the same time you can even send a welcome message to the user with the web browser name. For this you may use:

navigator.appVersion object- To display your message.
navigator.appName object- To get the Web browser's Name.

**MindSpace** · 18-12-2009

We can easily code a HTML page using JavaScript to detect the web browser with the help of Navigator Object.

Code:

 <script type="text/javascript">
function GetVersion()
{
var bwrn = navigator.appName
var bwrv = navigator.appVersion
var text =""
text += '

Your Web Browser is: '
text += bwrn +' '+ bwrv
text += '</P>'
document.write(text)
}
</script>

You may use the following Navigator objects:
navigator.platform, navigator.appVersion, navigator.appCodeName and navigator.appName.