Posted By

cesarkohl on 09/14/11

Tagged

Versions (?)

Last Edited at 09/14/11 11:49pm

Statistics

Viewed 1253 times

Favorited by 1 user(s)

Related snippets

If browser is IE 6 7 8 9, Firefox, Safari, Chrome or Opera

/ Published in: jQuery

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.

Highlighted TextExpand

<html lang="en" class="no-js"> 
<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>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.