jReject - Display a popup based on a the browser

jReject is a simple, light-weight library designed to display a popup based on a the browser, specific browser version, specific platforms, or rendering engine. Provides full customization of the popup. Uses a small CSS file, and can easily be used on page load or during a specific page event. Also provides a flexible way to beautifully and cleanly display custom browser alternatives in the popup.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: jreject.turnwheel.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="/css/jquery.reject.css" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="/js/jquery.reject.js"></script>

2. HTML

<a href="#" id="demo" class="demo">Run Demo</a><br />

3. JAVASCRIPT

$('#demo2').click(function() {
	$.reject({
		reject: {
			safari: true, // Apple Safari
			chrome: true, // Google Chrome
			firefox: true, // Mozilla Firefox
			msie: true, // Microsoft Internet Explorer
			opera: true, // Opera
			konqueror: true, // Konqueror (Linux)
			unknown: true // Everything else
		}
	}); // Customized Browsers

	return false;
});

4. OPTIONS

options = {
	// Specifies which browsers/versions will be blocked
	reject : {
		all: false, // Covers Everything (Nothing blocked)
		msie: 6 // Covers MSIE <= 6 (Blocked by default)
		/*
		* Many possible combinations.
		* You can specify browser (msie, chrome, firefox)
		* You can specify rendering engine (geko, trident)
		* You can specify OS (Win, Mac, Linux, Solaris, iPhone, iPad)
		*
		* You can specify versions of each.
		* Examples: msie9: true, firefox8: true,
		*
		* You can specify the highest number to reject.
		* Example: msie: 9 (9 and lower are rejected.
		*
		* There is also "unknown" that covers what isn't detected
		* Example: unknown: true
		*/
	},
	display: [], // What browsers to display and their order (default set below)
	browserShow: true, // Should the browser options be shown?
	browserInfo: { // Settings for which browsers to display
		chrome: {
			// Text below the icon
			text: 'Google Chrome',
			// URL For icon/text link
			url: 'http://www.google.com/chrome/',
			// (Optional) Use "allow" to customized when to show this option
			// Example: to show chrome only for IE users
			// allow: { all: false, msie: true }
		},
		firefox: {
			text: 'Mozilla Firefox',
			url: 'http://www.mozilla.com/firefox/'
		},
		safari: {
			text: 'Safari',
			url: 'http://www.apple.com/safari/download/'
		},
		opera: {
			text: 'Opera',
			url: 'http://www.opera.com/download/'
		},
		msie: {
			text: 'Internet Explorer',
			url: 'http://www.microsoft.com/windows/Internet-explorer/'
		}
	},

	// Pop-up Window Text
	header: 'Did you know that your Internet Browser is out of date?',

	paragraph1: 'Your browser is out of date, and may not be compatible with '+
				'our website. A list of the most popular web browsers can be '+
				'found below.',

	paragraph2: 'Just click on the icons to get to the download page',

	// Allow closing of window
	close: true,

	// Message displayed below closing link
	closeMessage: 'By closing this window you acknowledge that your experience '+
					'on this website may be degraded',
	closeLink: 'Close This Window',
	closeURL: '#',

	// Allows closing of window with esc key
	closeESC: true,

	// Use cookies to remmember if window was closed previously?
	closeCookie: false,
	// Cookie settings are only used if closeCookie is true
	cookieSettings: {
		// Path for the cookie to be saved on
		// Should be root domain in most cases
		path: '/',
		// Expiration Date (in seconds)
		// 0 (default) means it ends with the current session
		expires: 0
	},

	// Path where images are located
	imagePath: './images/',
	// Background color for overlay
	overlayBgColor: '#000',
	// Background transparency (0-1)
	overlayOpacity: 0.8,

	// Fade in time on open ('slow','medium','fast' or integer in ms)
	fadeInTime: 'fast',
	// Fade out time on close ('slow','medium','fast' or integer in ms)
	fadeOutTime: 'fast',

	// Google Analytics Link Tracking (Optional)
	// Set to true to enable
	// Note: Analytics tracking code must be added separately
	analytics: false
};

5. METHODS

options.beforeReject() - Called before rejection is determined.

options.afterReject()  - Called after rejection window has been created, for browsers that matched the rejection settings.
options.onFail() - Called if the browser does NOT meet the rejection requirements

options.beforeClose() - Called after close button is clicked, but before popup is actually closed.

options.afterClose() - Called after rejection popup is closed