136 lines
4.3 KiB
JavaScript
136 lines
4.3 KiB
JavaScript
|
/* Bootstrap 4 for IE9 - v4.3.100 */
|
||
|
/* https://github.com/namiltd/bootstrap-ie */
|
||
|
|
||
|
/**
|
||
|
* Modified code based on remPolyfill.js (c) Nicolas Bouvrette https://github.com/nbouvrette/remPolyfill
|
||
|
*
|
||
|
* Customizations:
|
||
|
*
|
||
|
* 1) Added new method `addCallBackWhenReady` to perform callbacks once the polyfill has been applied (especially useful for
|
||
|
* onload scrolling events.
|
||
|
* 2) Added REM support.
|
||
|
*
|
||
|
**/
|
||
|
|
||
|
// adds classList support (as Array) to Element.prototype for IE8-9
|
||
|
(function() {
|
||
|
Object.defineProperty(Element.prototype, 'classList', {
|
||
|
get:function(){
|
||
|
var element=this,domTokenList=(element.getAttribute('class')||'').replace(/^\s+|\s$/g,'').split(/\s+/g);
|
||
|
if (domTokenList[0]==='') domTokenList.splice(0,1);
|
||
|
function setClass(){
|
||
|
if (domTokenList.length > 0) element.setAttribute('class', domTokenList.join(' '));
|
||
|
else element.removeAttribute('class');
|
||
|
}
|
||
|
domTokenList.toggle=function(className,force){
|
||
|
if (force!==undefined){
|
||
|
if (force) domTokenList.add(className);
|
||
|
else domTokenList.remove(className);
|
||
|
}
|
||
|
else {
|
||
|
if (domTokenList.indexOf(className)!==-1) domTokenList.splice(domTokenList.indexOf(className),1);
|
||
|
else domTokenList.push(className);
|
||
|
}
|
||
|
setClass();
|
||
|
};
|
||
|
domTokenList.add=function(){
|
||
|
var args=[].slice.call(arguments);
|
||
|
for (var i=0,l=args.length;i<l;i++){
|
||
|
if (domTokenList.indexOf(args[i])===-1) domTokenList.push(args[i]);
|
||
|
}
|
||
|
setClass();
|
||
|
};
|
||
|
domTokenList.remove=function(){
|
||
|
var args=[].slice.call(arguments);
|
||
|
for (var i=0,l=args.length;i<l;i++){
|
||
|
if (domTokenList.indexOf(args[i])!==-1) domTokenList.splice(domTokenList.indexOf(args[i]),1);
|
||
|
}
|
||
|
setClass();
|
||
|
};
|
||
|
domTokenList.item=function(i){
|
||
|
return domTokenList[i];
|
||
|
};
|
||
|
domTokenList.contains=function(className){
|
||
|
return domTokenList.indexOf(className)!==-1;
|
||
|
};
|
||
|
domTokenList.replace=function(oldClass,newClass){
|
||
|
if (domTokenList.indexOf(oldClass)!==-1) domTokenList.splice(domTokenList.indexOf(oldClass),1,newClass);
|
||
|
setClass();
|
||
|
};
|
||
|
domTokenList.value = (element.getAttribute('class')||'');
|
||
|
return domTokenList;
|
||
|
}
|
||
|
});
|
||
|
})();
|
||
|
|
||
|
/**
|
||
|
* For browsers that do not support REM units, fallback to pixels.
|
||
|
*/
|
||
|
window.remPolyfill = {
|
||
|
|
||
|
/**
|
||
|
* Implement this script on a given element.
|
||
|
*
|
||
|
* @private
|
||
|
*
|
||
|
* @param {string} cssText - The CSS text of the link element.
|
||
|
*/
|
||
|
replaceCSS: function (cssText) {
|
||
|
if (cssText) {
|
||
|
// Replace all properties containing REM units with their pixel equivalents.
|
||
|
return cssText.replace(
|
||
|
/:invalid/g, '._invalid'
|
||
|
).replace(
|
||
|
/:valid/g, '._valid'
|
||
|
);
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Implement this script on a given element.
|
||
|
*
|
||
|
* @param {HTMLLinkElement} linkElement - The link element to polyfill.
|
||
|
*/
|
||
|
implement: function (linkElement) {
|
||
|
if (!linkElement.href) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var request = null;
|
||
|
|
||
|
if (window.XMLHttpRequest) {
|
||
|
request = new XMLHttpRequest();
|
||
|
} else if (window.ActiveXObject) {
|
||
|
try {
|
||
|
request = new ActiveXObject("Msxml2.XMLHTTP");
|
||
|
} catch (exception) {
|
||
|
try {
|
||
|
request = new ActiveXObject("Microsoft.XMLHTTP");
|
||
|
} catch (exception) {
|
||
|
request = null;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (!request) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
request.open('GET', linkElement.href, true);
|
||
|
request.onreadystatechange = function() {
|
||
|
if ( request.readyState === 4 ) {
|
||
|
linkElement.styleSheet.cssText = remPolyfill.replaceCSS(request.responseText);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
request.send(null);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var linkElements = document.querySelectorAll('link[rel=stylesheet]');
|
||
|
for (var linkElementId in linkElements) {
|
||
|
if (Object.prototype.hasOwnProperty.call(linkElements, linkElementId)) {
|
||
|
remPolyfill.implement(linkElements[linkElementId]);
|
||
|
}
|
||
|
}
|