Tuesday, July 29, 2008

Browser specific javascript coding

Hi Web developers,
You might have encountered some situations where we have to code something based on the browser where it is rendering.Here is a small utility javascript to return the browser version.So that we can code according to the version of browser.

Code

<script language="javascript" type="text/javascript">

function browser()
{
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6||this.ie7
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie7 || this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new browser();

</script>


Usage

<script language="javascript" type="text/javascript">

function clicked()
{
if(bw.ie)
{
alert("Code for ie7");
}
else
{
alert("Code for another browser");
}
}

</script>

No comments: