@flexem/browser-update
v1.3.0
Published
Old browser notification script.
Downloads
7
Readme
Browser Update
This is a little javascript that detects the user's browser and shows a warning message if the browser is too old.
If the user clicks the notification bar he is redirected to Google's "WhatBrowser" Page (no ads).
This is based on the www.browser-update.org script. See LICENSE file for more information.
Installation via Bower
You can install it via Bower with: bower install browser-update
The following browsers will be notified by default:
- IE <= 9
- Firefox <= 34
- Opera <= 12
- Safari <= 6.2
- Netscape Navigator <= 12
- Chrome - Automatic
The following OSes and browsers will not be notified since there is no up to date version of browser
- Windows NT 4.0, 5.0
- Windows 98
- OSX 10.2, 10.3, 10.4, 10.5
- Firefox ESR
- Opera 12 on Linux
- Browsers versions bellow vsmin
The following OSes and browsers will not be notified
- IE => 11 - See issue #1
The following options can be passed to the script:
var $buoop = {
vs: {i:6,f:2,o:9.63,s:2,c:10}, // browser versions to notify
reminder: 24, // after how many hours should the message reappear
// 0 = show all the time
reminderClosed: 150 // if the user closes message it reappears after x hours
onshow: function(infos){}, // callback function after the bar has appeared
onclick: function(infos){}, // callback function if bar was clicked
onclose: function(infos){}, //
l: false, // set a language for the message, e.g. "en"
// overrides the default detection
test: false, // true = always show the bar (for testing)
text: "", // custom notification html text
text_xx: "", // custom notification text for language "xx"
// e.g. text_de for german and text_it for italian
newwindow: true // open link in new window/tab
};
You can overwrite the default CSS
.buorg {
background: #FDF2AB no-repeat 1em 0.55em url(warning.png);
position: absolute;
top: 0;
left: 0;
width: 100%;
border-bottom: 1px solid #A29330;
color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
cursor: pointer;
}
.buorg div {
padding: 5px 36px 5px 40px;
}
.buorg a {
color:#E25600;
}
#buorgclose {
position: absolute;
right: .5em;
top: .2em;
padding: 0;
height: 20px;
width: 12px;
font-size: 14px;
font-weight: bold;
}