67 lines
2.1 KiB
Plaintext
67 lines
2.1 KiB
Plaintext
//browser-update.org notification script, <browser-update.org>
|
|
//Copyright (c) 2007-2009, MIT Style License <browser-update.org/LICENSE.txt>
|
|
|
|
(function() {
|
|
|
|
var $buo = function() {
|
|
|
|
var badAndroid = false,
|
|
haveJquery = (typeof($) !== 'undefined'),
|
|
ua = null;
|
|
|
|
// Sometimes we have to resort to parsing the user agent string. :(
|
|
if (navigator && navigator.userAgent) {
|
|
ua = navigator.userAgent;
|
|
}
|
|
if (ua && (ua.indexOf('Android 2.2') >= 0 || ua.indexOf('Android 2.3') >= 0)) {
|
|
// Android 2.2 and 2.3 browsers report that they have pushState, but they don't really.
|
|
// See http://caniuse.com/#search=pushstate
|
|
badAndroid = true;
|
|
}
|
|
|
|
// sam: my main concern here is mobile, but its an outlier, for now we support ie9, set conditionally and stuff with pushState
|
|
if (window.ie === "new" || (window.history && window.history.pushState && !badAndroid)) {
|
|
return;
|
|
}
|
|
|
|
// retrieve localized browser upgrade text
|
|
var t = <%= "'" + I18n.t('js.browser_update') + "'" %>;
|
|
|
|
// create the notification div HTML
|
|
var div = document.createElement("div");
|
|
div.className = "buorg";
|
|
div.innerHTML = "<div>" + t + "</div>";
|
|
|
|
// create the notification div stylesheet
|
|
var sheet = document.createElement("style");
|
|
var style = ".buorg {position:absolute; z-index:111111; width:100%; top:0px; left:0px; background:#FDF2AB; text-align:left; font-family: sans-serif; color:#000; font-size: 14px;} .buorg div {padding: 8px;} .buorg a, .buorg a:visited {color:#E25600; text-decoration: underline;}";
|
|
|
|
// insert the div and stylesheet into the DOM
|
|
document.body.insertBefore(div, document.body.firstChild);
|
|
document.getElementsByTagName("head")[0].appendChild(sheet);
|
|
try {
|
|
sheet.innerText = style;
|
|
sheet.innerHTML = style;
|
|
}
|
|
catch(e) {
|
|
try {
|
|
sheet.styleSheet.cssText = style;
|
|
}
|
|
catch(ex) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
// shift the body down to make room for our notification div
|
|
document.body.style.marginTop = (div.clientHeight) + "px";
|
|
|
|
if (!haveJquery) {
|
|
var h = document.getElementsByTagName('html')[0];
|
|
h.className = h.className.replace(/(\s|^)css-loading(\s|$)/g, ' ');
|
|
}
|
|
|
|
};
|
|
|
|
$bu=$buo();
|
|
|
|
})(this); |