Revision: 51114
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at September 14, 2011 23:49 by cesarkohl
Initial Code
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if gte IE 8]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" ></script>
<style type="text/css" media="screen">
html { background: green; }
html.ie7 { background: blue; }
html.ie8 { background: yellow; }
html.ie9 { background: red; }
</style>
<script type="text/javascript" >
$(document).ready(function(){
if ( $.browser.msie )
{
alert( 'This is a Microsoft Internet Explorer ' + $.browser.version.substr(0, 1) );
}
else if ( $.browser.mozilla )
{
alert( 'This is a Mozilla Firefox ' + $.browser.version.substr(0, 1) );
}
else if ( $.browser.webkit || $.browser.safari )
{
alert( 'This is a Webkit Engine Browser (Apple Safari or Google Chrome) with version ' + $.browser.version.substr(0, 1) );
}
else if ( $.browser.opera )
{
alert( 'This is an Opera ' + $.browser.version.substr(0, 1) );
}
})
</script>
</head>
<body>
<p>
default: green
<br/>
ie7: blue
<br/>
ie8: yellow
<br/>
ie9: red
</p>
</body>
</html>
Initial URL
Initial Description
The HTML simply discovers if it's IE and its version or if it's not IE. The jQuery discovers if it's IE, Firefox, Webkit Engine (Chrome and Safari) or Opera and its version as an integer.
Initial Title
If browser is IE 6 7 8 9, Firefox, Safari, Chrome or Opera
Initial Tags
javascript, ie, html, browser
Initial Language
jQuery