Fork me on GitHub
BROWZR.JS A JQUERY PLUGIN

Browzr.js is a jQuery plugin that executes an attractive modal window when a website doesn't support a specified browser.

Getting Started

  1. Download the .zip, or fork the files from GitHub.
  2. Include the "browzr" folder in your site structure.
  3. Use the following syntax in your document, making sure all files are linked correctly.
  4. Edit the "jquery.browzr.js" file to specify the targeted browser(s).

<html>

Include the IE conditional statements that wrap the html tag. These conditionals provide CSS fixes for IE browsers.

						<!DOCTYPE html>
						<!--[if lt IE 8]><html class="ie9 ie8 oldie" lang="en"><![endif]-->
						<!--[if IE 8]><html class="ie9 ie8" lang="en"><![endif]-->
						<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
						<!--[if gt IE 9]><!--><html lang="en"><!--<![endif]-->
					

<head>

Link to the included stylesheet for complete awesomeness!

    					<link rel="stylesheet" href="browzr/browzr.css" />
					

<body>

For best performance, paste the scripts before the closing body tag.

						<script src="browzr/jquery-1.7.1.min.js"></script>
						<script src="browzr/jquery.browzr.js"></script>
						<script>
							$('body').browzr();
						</script>
					

Browser Support

  • Google Chrome Chrome
  • Mozilla Firefox Firefox
  • Apple Safari Safari
  • Internet Explorer Internet Explorer 7+

License

Copyright © 2012 Ryan Altvater.

Browzr.js is released under the MIT license. This means that you can use, abuse, and reuse it any way that you see fit.

Contact

Do you have a question? Some feedback? Maybe a bug to report? Feel free to leave a comment, or e-mail me, and I'll get back to you as soon as possible.