mirror of
https://github.com/86Box/86box.github.io.git
synced 2026-02-21 09:05:35 -07:00
Merge builds page polyfills and style-reduced.js into a new global script
This commit is contained in:
RichardG867
@@ -29,8 +29,8 @@
|
||||
<link rel="stylesheet" href="/assets/css/style-print.css" media="print">
|
||||
<link rel="stylesheet" href="/assets/css/fonts.css">
|
||||
<!--<![endif]-->
|
||||
<script src="/assets/js/script.js"></script>
|
||||
<!--[if IE]>
|
||||
<script src="/assets/js/style-reduced.js"></script>
|
||||
<link rel="stylesheet" href="/assets/css/style-reduced.css" media="screen">
|
||||
<![endif]-->
|
||||
<!--[if gte IE 5]>
|
||||
|
||||
114
assets/js/script.js
Normal file
114
assets/js/script.js
Normal file
@@ -0,0 +1,114 @@
|
||||
/* This script is executed by all browsers, so keep it retro-friendly. */
|
||||
|
||||
/* Polyfills. */
|
||||
function addEvent(elem, evtName, func) {
|
||||
if (elem.addEventListener)
|
||||
return elem.addEventListener(evtName, func);
|
||||
evtName = 'on' + evtName;
|
||||
if (elem.attachEvent)
|
||||
return elem.attachEvent(evtName, func);
|
||||
var prevFunc = elem[evtName];
|
||||
if (prevFunc) {
|
||||
elem[evtName] = function(evt) {
|
||||
if (prevFunc(evt) == false)
|
||||
return false;
|
||||
return func(evt);
|
||||
};
|
||||
} else {
|
||||
elem[evtName] = func;
|
||||
}
|
||||
}
|
||||
if (!Array.prototype.indexOf) {
|
||||
Array.prototype.indexOf = function(elem, start) {
|
||||
for (var i = start || 0; i < this.length; i++) {
|
||||
if (this[i] == elem)
|
||||
return i;
|
||||
}
|
||||
return -1;
|
||||
};
|
||||
}
|
||||
if (!Array.prototype.push) {
|
||||
Array.prototype.push = function(elem) {
|
||||
this[this.length] = elem;
|
||||
};
|
||||
}
|
||||
if (!Array.prototype.unshift) {
|
||||
Array.prototype.unshift = function(elem) {
|
||||
for (var i = this.length; i; i--)
|
||||
this[i] = this[i - 1];
|
||||
this[0] = elem;
|
||||
};
|
||||
}
|
||||
var imgCache = {};
|
||||
function getNaturalWidth(img) { /* for the auto-sizing expression on the retro CSS */
|
||||
if (img.naturalWidth)
|
||||
return img.naturalWidth;
|
||||
|
||||
/* Cache images by src to avoid wasting memory. */
|
||||
var imgObj = imgCache[img.src];
|
||||
if (!imgObj) {
|
||||
imgObj = new Image();
|
||||
imgObj.src = img.src;
|
||||
imgCache[img.src] = imgObj;
|
||||
}
|
||||
return imgObj.width;
|
||||
}
|
||||
|
||||
/* Allow HTML5 elements to be styled on IE6. */
|
||||
if (navigator.userAgent.indexOf('MSIE') > -1) {
|
||||
document.createElement('nav');
|
||||
document.createElement('hero');
|
||||
document.createElement('main');
|
||||
document.createElement('footer');
|
||||
}
|
||||
|
||||
/* Make the logo transparent on IE6. Doing this on more
|
||||
images interferes with the auto-sizing CSS expression. */
|
||||
function fixPngs() {
|
||||
/* Check if the icon and logo are loaded, and try
|
||||
again after a while if they're not present yet. */
|
||||
if (!document.images || (document.images.length < 2))
|
||||
setTimeout(fixPngs, 500);
|
||||
|
||||
/* Fix icon and logo. */
|
||||
for (var i = 0; i < Math.min(2, document.images.length); i++) {
|
||||
var img = document.images[i];
|
||||
var oldpad = img.style.paddingRight; /* padding counts as space for AlphaImageLoader so swap it for margin */
|
||||
img.style.paddingRight = 0;
|
||||
var oldsrc = img.src;
|
||||
var oldw = img.clientWidth;
|
||||
var oldh = img.clientHeight;
|
||||
img.src = '/assets/images/blank.gif';
|
||||
img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + oldsrc + "', sizingMethod='scale')";
|
||||
img.style.width = oldw + 'px';
|
||||
img.style.height = oldh + 'px';
|
||||
img.style.marginRight = oldpad;
|
||||
}
|
||||
}
|
||||
if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent))
|
||||
fixPngs();
|
||||
|
||||
/* Merge horizontally-neighboring table cells with identical contents. */
|
||||
addEvent(window, 'load', function() {
|
||||
var tr = document.getElementsByTagName('tr');
|
||||
for (var i = 0; i < tr.length; i++) {
|
||||
var tdStart = tr[i].firstChild;
|
||||
while (tdStart && (tdStart.nodeType != 1))
|
||||
tdStart = tdStart.nextSibling;
|
||||
if (!tdStart)
|
||||
continue;
|
||||
var td = tdStart.nextSibling;
|
||||
while (td) {
|
||||
var tdNext = td.nextSibling;
|
||||
if (td.nodeType != 1) {
|
||||
/* Ignore non-elements. */
|
||||
} else if (td.innerHTML == tdStart.innerHTML) {
|
||||
td.parentNode.removeChild(td);
|
||||
tdStart.colSpan = (tdStart.colSpan || 1) + 1;
|
||||
} else {
|
||||
tdStart = td;
|
||||
}
|
||||
td = tdNext;
|
||||
}
|
||||
}
|
||||
});
|
||||
@@ -1,50 +0,0 @@
|
||||
/* Helper script for the retro-reduced stylesheet. */
|
||||
|
||||
/* Get an image's real width. Used by the auto-sizing CSS expression. */
|
||||
var imgCache = {};
|
||||
function getNaturalWidth(img) {
|
||||
if (img.naturalWidth) {
|
||||
return img.naturalWidth;
|
||||
} else {
|
||||
/* Cache images by src to avoid wasting memory. */
|
||||
var imgObj = imgCache[img.src];
|
||||
if (!imgObj) {
|
||||
imgObj = new Image();
|
||||
imgObj.src = img.src;
|
||||
imgCache[img.src] = imgObj;
|
||||
}
|
||||
return imgObj.width;
|
||||
}
|
||||
}
|
||||
|
||||
/* Allow HTML5 elements to be styled. */
|
||||
document.createElement('nav');
|
||||
document.createElement('hero');
|
||||
document.createElement('main');
|
||||
document.createElement('footer');
|
||||
|
||||
/* Make the logo transparent on IE6. Doing this on more
|
||||
images interferes with the auto-sizing CSS expression. */
|
||||
function fixPngs() {
|
||||
/* Check if the icon and logo are loaded, and try
|
||||
again after a while if they're not present yet. */
|
||||
if (!document.images || (document.images.length < 2))
|
||||
setTimeout(fixPngs, 500);
|
||||
|
||||
/* Fix icon and logo. */
|
||||
for (var i = 0; i < Math.min(2, document.images.length); i++) {
|
||||
var img = document.images[i];
|
||||
var oldpad = img.style.paddingRight; /* padding counts as space for AlphaImageLoader so swap it for margin */
|
||||
img.style.paddingRight = 0;
|
||||
var oldsrc = img.src;
|
||||
var oldw = img.clientWidth;
|
||||
var oldh = img.clientHeight;
|
||||
img.src = '/assets/images/blank.gif';
|
||||
img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + oldsrc + "', sizingMethod='scale')";
|
||||
img.style.width = oldw + 'px';
|
||||
img.style.height = oldh + 'px';
|
||||
img.style.marginRight = oldpad;
|
||||
}
|
||||
}
|
||||
if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent))
|
||||
fixPngs();
|
||||
31
builds.md
31
builds.md
@@ -12,37 +12,6 @@ Most people should use the regular [**release builds**](https://github.com/86Box
|
||||
---
|
||||
|
||||
<script>
|
||||
/* Some polyfills because why not? */
|
||||
function addEvent(elem, evt, func) {
|
||||
if (elem.addEventListener)
|
||||
return elem.addEventListener(evt, func);
|
||||
evt = 'on' + evt;
|
||||
if (elem.attachEvent)
|
||||
return elem.attachEvent(evt, func);
|
||||
elem[evt] = func;
|
||||
}
|
||||
if (!Array.prototype.indexOf) {
|
||||
Array.prototype.indexOf = function(elem, start) {
|
||||
for (var i = start || 0; i < this.length; i++) {
|
||||
if (this[i] == elem)
|
||||
return i;
|
||||
}
|
||||
return -1;
|
||||
}
|
||||
}
|
||||
if (!Array.prototype.push) {
|
||||
Array.prototype.push = function(elem) {
|
||||
this[this.length] = elem;
|
||||
};
|
||||
}
|
||||
if (!Array.prototype.unshift) {
|
||||
Array.prototype.unshift = function(elem) {
|
||||
for (var i = this.length; i; i--)
|
||||
this[i] = this[i - 1];
|
||||
this[0] = elem;
|
||||
}
|
||||
}
|
||||
|
||||
addEvent(window, 'load', function() {
|
||||
/* Perform initial load. */
|
||||
window.firstBuildLoad = true;
|
||||
|
||||
Reference in New Issue
Block a user