home/cdnjs
2
0
Fork 0
mirror of https://github.com/wahyd4/cdnjs.git synced 2026-08-09 12:56:05 +10:00
Code Issues Packages Projects Releases Wiki Activity

Adding Outdated Browser

Browse Source 
Description: A time saving tool for developers. It detects outdated
browsers and advises users to upgrade to a new version.
Source: https://github.com/burocratik/Outdated-Browser
Author: Bürocratik
License: MIT
This commit is contained in:
Juan Gallardo
2014-06-27 11:38:33 -07:00
parent 65786fde90
commit 6bb1df1cb0
5 changed files with 196 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ajax/libs/outdated-browser/1.0.1/outdatedBrowser.css
+25
View File
@@ -0,0 +1,25 @@
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version: 1.0.1 - 2014
author: Burocratik
website: http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
text-align: center; text-transform: uppercase; z-index:1500;
background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px;}
#outdated #btnUpdateBrowser{
display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 180px;
color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 20px; right: 30px; width: 15px; height: 15px;}
#outdated #btnCloseUpdateBrowser{
display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
text-decoration: none; color: #ffffff; font-size: 36px;
}
ajax/libs/outdated-browser/1.0.1/outdatedBrowser.js
+138
View File
@@ -0,0 +1,138 @@
/*!--------------------------------------------------------------------
JAVASCRIPT "Outdated Browser"
Version: 1.0.1 - 2014
author: Burocratik
website: http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
var outdatedBrowser = function(options) {
//Variable definition
var outdated = document.getElementById("outdated");
var btnClose = document.getElementById("btnCloseUpdateBrowser");
var btnUpdate = document.getElementById("btnUpdateBrowser");
// Default settings
this.defaultOpts = {
bgColor: '#F25648',
color: '#ffffff',
lowerThan: 'transform'
}
if (options) {
this.defaultOpts.bgColor = options.bgColor,
this.defaultOpts.color = options.color;
//assign css3 property to IE browser version
if(options.lowerThan == 'IE8' || options.lowerThan == 'borderSpacing') {
options.lowerThan = 'borderSpacing';
} else if (options.lowerThan == 'IE9' || options.lowerThan == 'boxShadow') {
options.lowerThan = 'boxShadow';
} else if (options.lowerThan == 'IE10' || options.lowerThan == 'transform' || options.lowerThan == '' || typeof options.lowerThan === "undefined") {
options.lowerThan = 'transform';
} else if (options.lowerThan == 'IE11' || options.lowerThan == 'borderImage') {
options.lowerThan = 'borderImage';
}
this.defaultOpts.lowerThan = options.lowerThan;
bkgColor = this.defaultOpts.bgColor;
txtColor = this.defaultOpts.color;
cssProp = this.defaultOpts.lowerThan;
} else {
bkgColor = this.defaultOpts.bgColor;
txtColor = this.defaultOpts.color;
cssProp = this.defaultOpts.lowerThan;
}
//Define opacity and fadeIn/fadeOut functions
var done = true;
function function_opacity(opacity_value) {
outdated.style.opacity = opacity_value / 100;
outdated.style.filter = 'alpha(opacity=' + opacity_value + ')';
}
function function_fade_out(opacity_value) {
function_opacity(opacity_value);
if (opacity_value == 1) {
outdated.style.display = 'none';
done = true;
}
}
function function_fade_in(opacity_value) {
function_opacity(opacity_value);
if (opacity_value == 1) {
outdated.style.display = 'block';
}
if (opacity_value == 100) {
done = true;
}
}
//check if element has a particular class
function hasClass(element, cls) {
return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}
var supports = (function() {
var div = document.createElement('div'),
vendors = 'Khtml Ms O Moz Webkit'.split(' '),
len = vendors.length;
return function(prop) {
if ( prop in div.style ) return true;
prop = prop.replace(/^[a-z]/, function(val) {
return val.toUpperCase();
});
while(len--) {
if ( vendors[len] + prop in div.style ) {
return true;
}
}
return false;
};
})();
//check for css3 property support (transform=default)
if ( !supports(''+ cssProp +'') ) {
if (done && outdated.style.opacity !== '1') {
done = false;
for (var i = 1; i <= 100; i++) {
setTimeout((function (x) {
return function () {
function_fade_in(x)
};
})(i), i * 10);
}
}
//close button
btnClose.onmousedown = function() {
outdated.style.display = 'none';
return false;
};
}
//check settings attributes
outdated.style.backgroundColor = bkgColor;
outdated.style.color = txtColor;
//check settings attributes
btnUpdate.style.color = txtColor;
btnUpdate.style.borderColor = txtColor;
btnClose.style.color = txtColor;
//Override the update button color to match the background color
btnUpdate.onmouseover = function() {
this.style.color = bkgColor;
this.style.backgroundColor = txtColor;
};
btnUpdate.onmouseout = function() {
this.style.color = txtColor;
this.style.backgroundColor = bkgColor;
};
}//end of function
ajax/libs/outdated-browser/1.0.1/outdatedBrowser.min.css
Vendored
+8
View File
@@ -0,0 +1,8 @@
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version: 1.0.1 - 2014
author: Burocratik
website: http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#f25648;color:#fff}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:180px;color:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#f25648;background-color:#fff}#outdated .last{position:absolute;top:20px;right:30px;width:15px;height:15px}#outdated #btnCloseUpdateBrowser{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none;color:#fff;font-size:36px}
ajax/libs/outdated-browser/1.0.1/outdatedBrowser.min.js
Vendored
+8
View File
@@ -0,0 +1,8 @@
/*!--------------------------------------------------------------------
JAVASCRIPT "Outdated Browser"
Version: 1.0.1 - 2014
author: Burocratik
website: http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
var outdatedBrowser=function(k){var l=document.getElementById("outdated");var f=document.getElementById("btnCloseUpdateBrowser");var h=document.getElementById("btnUpdateBrowser");this.defaultOpts={bgColor:"#F25648",color:"#ffffff",lowerThan:"transform"};if(k){this.defaultOpts.bgColor=k.bgColor,this.defaultOpts.color=k.color;if(k.lowerThan=="IE8"||k.lowerThan=="borderSpacing"){k.lowerThan="borderSpacing"}else{if(k.lowerThan=="IE9"||k.lowerThan=="boxShadow"){k.lowerThan="boxShadow"}else{if(k.lowerThan=="IE10"||k.lowerThan=="transform"||k.lowerThan==""||typeof k.lowerThan==="undefined"){k.lowerThan="transform"}else{if(k.lowerThan=="IE11"||k.lowerThan=="borderImage"){k.lowerThan="borderImage"}}}}this.defaultOpts.lowerThan=k.lowerThan;bkgColor=this.defaultOpts.bgColor;txtColor=this.defaultOpts.color;cssProp=this.defaultOpts.lowerThan}else{bkgColor=this.defaultOpts.bgColor;txtColor=this.defaultOpts.color;cssProp=this.defaultOpts.lowerThan}var a=true;function g(i){l.style.opacity=i/100;l.style.filter="alpha(opacity="+i+")"}function d(i){g(i);if(i==1){l.style.display="none";a=true}}function e(i){g(i);if(i==1){l.style.display="block"}if(i==100){a=true}}function c(m,i){return(" "+m.className+" ").indexOf(" "+i+" ")>-1}var j=(function(){var n=document.createElement("div"),m="Khtml Ms O Moz Webkit".split(" "),i=m.length;return function(o){if(o in n.style){return true}o=o.replace(/^[a-z]/,function(p){return p.toUpperCase()});while(i--){if(m[i]+o in n.style){return true}}return false}})();if(!j(""+cssProp+"")){if(a&&l.style.opacity!=="1"){a=false;for(var b=1;b<=100;b++){setTimeout((function(i){return function(){e(i)}})(b),b*10)}}f.onmousedown=function(){l.style.display="none";return false}}l.style.backgroundColor=bkgColor;l.style.color=txtColor;h.style.color=txtColor;h.style.borderColor=txtColor;f.style.color=txtColor;h.onmouseover=function(){this.style.color=bkgColor;this.style.backgroundColor=txtColor};h.onmouseout=function(){this.style.color=txtColor;this.style.backgroundColor=bkgColor}};
ajax/libs/outdated-browser/package.json
+17
View File
@@ -0,0 +1,17 @@
{
"name": "outdated-browser",
"filename": "outdatedBrowser.min.js",
"version": "1.0.1",
"description": "It detects outdated browsers and advises users to upgrade to a new version.",
"repository": {
"type": "git",
"url": "git@github.com:burocratik/outdated-browser.git"
},
"author": "Bürocratik",
"licenses": [
{
"type": "MIT",
"url": "http://zenorocha.mit-license.org/"
}
]
}