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:

Post a Comment

Thanks for commenting in this post to extend the knowledge.It would be great if you comment related to the topics. Please avoid advertisement through comment.