Return to Snippet

Revision: 51114
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