mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
Beautify javascript (fixes #980)
This commit is contained in:
Saivann
parent
75a3c45628
commit
d814977536
5 changed files with 654 additions and 647 deletions
134
js/base.js
134
js/base.js
|
|
@ -7,92 +7,92 @@
|
|||
"use strict"
|
||||
|
||||
function addEvent(a, b, c) {
|
||||
// Attach event to a DOM node.
|
||||
// Ex. addEvent(node,'click',function);
|
||||
return (a.addEventListener) ? a.addEventListener(b, c, false) : (a.attachEvent) ? a.attachEvent('on' + b, c) : false;
|
||||
// Attach event to a DOM node.
|
||||
// Ex. addEvent(node,'click',function);
|
||||
return (a.addEventListener) ? a.addEventListener(b, c, false) : (a.attachEvent) ? a.attachEvent('on' + b, c) : false;
|
||||
}
|
||||
|
||||
function removeEvent(a, b, c) {
|
||||
// Detach event from a DOM node.
|
||||
// Ex. removeEvent(node,'click',function);
|
||||
return (a.removeEventListener) ? a.removeEventListener(b, c, false) : (a.detachEvent) ? a.detachEvent('on' + b, c) : false;
|
||||
// Detach event from a DOM node.
|
||||
// Ex. removeEvent(node,'click',function);
|
||||
return (a.removeEventListener) ? a.removeEventListener(b, c, false) : (a.detachEvent) ? a.detachEvent('on' + b, c) : false;
|
||||
}
|
||||
|
||||
function cancelEvent(e) {
|
||||
// Cancel current event.
|
||||
// Ex. cancelEvent(event);
|
||||
if (!e) var e = window.event;
|
||||
(e.preventDefault) ? e.preventDefault() : e.returnValue = false;
|
||||
// Cancel current event.
|
||||
// Ex. cancelEvent(event);
|
||||
if (!e) var e = window.event;
|
||||
(e.preventDefault) ? e.preventDefault(): e.returnValue = false;
|
||||
}
|
||||
|
||||
function getEvent(e, a) {
|
||||
// Return requested event property.
|
||||
// Ex. var target = getEvent(event, 'target');
|
||||
e = (e) ? e : window.event;
|
||||
switch (a) {
|
||||
// Return requested event property.
|
||||
// Ex. var target = getEvent(event, 'target');
|
||||
e = (e) ? e : window.event;
|
||||
switch (a) {
|
||||
case 'type':
|
||||
return e.type;
|
||||
case 'target':
|
||||
return (e.target && e.target.nodeType == 3) ? e.target.parentNode : (e.target) ? e.target : e.srcElement;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getStyle(a, b) {
|
||||
// Return the value of the computed style on a DOM node.
|
||||
// Ex. getStyle(node,'padding-bottom');
|
||||
if (window.getComputedStyle) return document.defaultView.getComputedStyle(a, null).getPropertyValue(b);
|
||||
var n = b.indexOf('-');
|
||||
if (n !== -1) b = b.substr(0, n) + b.substr(n + 1, 1).toUpperCase() + b.substr(n + 2);
|
||||
return a.currentStyle[b];
|
||||
// Return the value of the computed style on a DOM node.
|
||||
// Ex. getStyle(node,'padding-bottom');
|
||||
if (window.getComputedStyle) return document.defaultView.getComputedStyle(a, null).getPropertyValue(b);
|
||||
var n = b.indexOf('-');
|
||||
if (n !== -1) b = b.substr(0, n) + b.substr(n + 1, 1).toUpperCase() + b.substr(n + 2);
|
||||
return a.currentStyle[b];
|
||||
}
|
||||
|
||||
function addClass(node, data) {
|
||||
// Add class to node.
|
||||
var cl = node.className.split(' ');
|
||||
for (var i = 0, n = cl.length; i < n; i++) {
|
||||
// Add class to node.
|
||||
var cl = node.className.split(' ');
|
||||
for (var i = 0, n = cl.length; i < n; i++) {
|
||||
if (cl[i] == data) return;
|
||||
}
|
||||
cl.push(data);
|
||||
node.className = cl.join(' ');
|
||||
}
|
||||
cl.push(data);
|
||||
node.className = cl.join(' ');
|
||||
}
|
||||
|
||||
function removeClass(node, data) {
|
||||
// Remove class from node.
|
||||
var ocl = node.className.split(' ');
|
||||
var ncl = [];
|
||||
for (var i = 0, n = ocl.length; i < n; i++) {
|
||||
// Remove class from node.
|
||||
var ocl = node.className.split(' ');
|
||||
var ncl = [];
|
||||
for (var i = 0, n = ocl.length; i < n; i++) {
|
||||
if (ocl[i] != data) ncl.push(ocl[i]);
|
||||
}
|
||||
node.className = ncl.join(' ');
|
||||
}
|
||||
node.className = ncl.join(' ');
|
||||
}
|
||||
|
||||
function supportsSVG() {
|
||||
// Return true if the browser supports SVG.
|
||||
// Ex. if(!supportsSVG()){..apply png fallback..}
|
||||
// Old FF 3.5 and Safari 3 versions have svg support, but a very poor one
|
||||
// http://www.w3.org/TR/SVG11/feature#Image Defeat FF 3.5 only
|
||||
// http://www.w3.org/TR/SVG11/feature#Animation Defeat Saf 3 but also returns false in IE9
|
||||
// http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute Defeat Saf 3 but also returns false in Chrome and safari4
|
||||
// http://www.w3.org/TR/SVG11/feature#Text Defeat Saf 3 but also returns false in FF and safari4
|
||||
if (!document.createElementNS || !document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect) return false;
|
||||
if (!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1")) return false;
|
||||
if (!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute", "1.1") && !document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Animation", "1.1") && !document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Text", "1.1")) return false;
|
||||
return true;
|
||||
// Return true if the browser supports SVG.
|
||||
// Ex. if(!supportsSVG()){..apply png fallback..}
|
||||
// Old FF 3.5 and Safari 3 versions have svg support, but a very poor one
|
||||
// http://www.w3.org/TR/SVG11/feature#Image Defeat FF 3.5 only
|
||||
// http://www.w3.org/TR/SVG11/feature#Animation Defeat Saf 3 but also returns false in IE9
|
||||
// http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute Defeat Saf 3 but also returns false in Chrome and safari4
|
||||
// http://www.w3.org/TR/SVG11/feature#Text Defeat Saf 3 but also returns false in FF and safari4
|
||||
if (!document.createElementNS || !document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect) return false;
|
||||
if (!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1")) return false;
|
||||
if (!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute", "1.1") && !document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Animation", "1.1") && !document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Text", "1.1")) return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
function fallbackSVG() {
|
||||
// Replace all images extensions from .svg to .png if browser doesn't support SVG files.
|
||||
if (supportsSVG()) return;
|
||||
for (var i = 0, nd = document.getElementsByTagName('*'), n = nd.length; i < n; i++) {
|
||||
// Replace all images extensions from .svg to .png if browser doesn't support SVG files.
|
||||
if (supportsSVG()) return;
|
||||
for (var i = 0, nd = document.getElementsByTagName('*'), n = nd.length; i < n; i++) {
|
||||
if (nd[i].nodeName == 'IMG' && /.*\.svg$/.test(nd[i].src)) nd[i].src = nd[i].src.slice(0, -3) + 'png';
|
||||
if (/\.svg/.test(getStyle(nd[i], 'background-image'))) nd[i].style.backgroundImage = getStyle(nd[i], 'background-image').replace('.svg', '.png');
|
||||
if (/\.svg/.test(getStyle(nd[i], 'background'))) nd[i].style.background = getStyle(nd[i], 'background').replace('.svg', '.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onTouchClick(e, callback, callbackClick) {
|
||||
// Detect and handle clicks using click and touch events while preventing accidental or ghost clicks.
|
||||
var timeout = 1000,
|
||||
// Detect and handle clicks using click and touch events while preventing accidental or ghost clicks.
|
||||
var timeout = 1000,
|
||||
srcEvent = e,
|
||||
touchEndListener = function(e) {
|
||||
// Call callback if touch events match the patterns of a click.
|
||||
|
|
@ -116,9 +116,9 @@ var timeout = 1000,
|
|||
var ti = document.body.getAttribute('data-touchtimeout');
|
||||
return (ti === null || ti === '' || parseInt(ti, 10) < new Date().getTime());
|
||||
};
|
||||
if (callbackClick === undefined) callbackClick = function() {};
|
||||
// Apply appropriate actions according to each event type.
|
||||
switch (getEvent(e, 'type')) {
|
||||
if (callbackClick === undefined) callbackClick = function() {};
|
||||
// Apply appropriate actions according to each event type.
|
||||
switch (getEvent(e, 'type')) {
|
||||
case 'touchstart':
|
||||
// Save initial touchstart coordinates and listen for touchend events and accidental click events.
|
||||
var x = e.changedTouches[0].pageX,
|
||||
|
|
@ -138,24 +138,24 @@ switch (getEvent(e, 'type')) {
|
|||
if (!clickReady()) return;
|
||||
callback(srcEvent);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function mobileMenuShow(e) {
|
||||
// Show the mobile menu when the visitors touch the menu icon.
|
||||
var show = function() {
|
||||
// Show the mobile menu when the visitors touch the menu icon.
|
||||
var show = function() {
|
||||
var mm = document.getElementById('menusimple');
|
||||
var ml = document.getElementById('langselect');
|
||||
mm.style.display = ml.style.display = (mm.style.display == 'block') ? '' : 'block';
|
||||
addClass(mm, 'menutap');
|
||||
cancelEvent(e);
|
||||
};
|
||||
onTouchClick(e, show);
|
||||
onTouchClick(e, show);
|
||||
}
|
||||
|
||||
function mobileMenuHover(e) {
|
||||
// Prevent mobile menu to shrink on hover to prevent accidental clicks on other entries.
|
||||
var t = getEvent(e, 'target'),
|
||||
// Prevent mobile menu to shrink on hover to prevent accidental clicks on other entries.
|
||||
var t = getEvent(e, 'target'),
|
||||
fn = (t.parentNode.className.indexOf('hover') === -1) ? addClass : removeClass,
|
||||
initHover = function() {
|
||||
if (t.nodeName != 'A') return;
|
||||
|
|
@ -186,22 +186,22 @@ var t = getEvent(e, 'target'),
|
|||
if (t.nodeName != 'A') return;
|
||||
if (hasSubItems(t)) cancelEvent(e);
|
||||
};
|
||||
onTouchClick(e, initHover, filterClick);
|
||||
onTouchClick(e, initHover, filterClick);
|
||||
}
|
||||
|
||||
function addAnchorLinks() {
|
||||
// Apply anchor links icon on each title displayed on CSS hover.
|
||||
var nodes = [];
|
||||
var tags = ['H2', 'H3', 'H4', 'H5', 'H6'];
|
||||
for (var i = 0, n = tags.length; i < n; i++) {
|
||||
// Apply anchor links icon on each title displayed on CSS hover.
|
||||
var nodes = [];
|
||||
var tags = ['H2', 'H3', 'H4', 'H5', 'H6'];
|
||||
for (var i = 0, n = tags.length; i < n; i++) {
|
||||
for (var ii = 0, t = document.getElementsByTagName(tags[i]), nn = t.length; ii < nn; ii++) nodes.push(t[ii]);
|
||||
}
|
||||
for (var i = 0, n = nodes.length; i < n; i++) {
|
||||
}
|
||||
for (var i = 0, n = nodes.length; i < n; i++) {
|
||||
if (!nodes[i].id) continue;
|
||||
if (nodes[i].getElementsByTagName('A').length > 0 && nodes[i].getElementsByTagName('A')[0].innerHTML == '') return;
|
||||
addClass(nodes[i], 'anchorAf');
|
||||
var anc = document.createElement('A');
|
||||
anc.href = '#' + nodes[i].id;
|
||||
nodes[i].insertBefore(anc, nodes[i].firstChild);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,34 +38,34 @@ category: "{{category_name}}"
|
|||
// code adapted from http://jqueryui.com/autocomplete/#categories
|
||||
// MIT license: https://jquery.org/license/
|
||||
|
||||
$.widget( "custom.catcomplete", $.ui.autocomplete, {
|
||||
$.widget("custom.catcomplete", $.ui.autocomplete, {
|
||||
_create: function() {
|
||||
this._super();
|
||||
this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" );
|
||||
this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
|
||||
},
|
||||
_renderMenu: function( ul, items ) {
|
||||
_renderMenu: function(ul, items) {
|
||||
var that = this,
|
||||
currentCategory = "";
|
||||
$.each( items, function( index, item ) {
|
||||
$.each(items, function(index, item) {
|
||||
var li;
|
||||
if ( item.category != currentCategory ) {
|
||||
ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
|
||||
if (item.category != currentCategory) {
|
||||
ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
|
||||
currentCategory = item.category;
|
||||
}
|
||||
li = that._renderItemData( ul, item );
|
||||
if ( item.category ) {
|
||||
li.attr( "aria-label", item.category + " : " + item.label );
|
||||
li = that._renderItemData(ul, item);
|
||||
if (item.category) {
|
||||
li.attr("aria-label", item.category + " : " + item.label);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
$(function() {
|
||||
$( "#glossary_term" ).catcomplete({
|
||||
$("#glossary_term").catcomplete({
|
||||
source: search_data,
|
||||
delay: 0,
|
||||
minLength: 2,
|
||||
autoFocus: true,
|
||||
select: function( event, ui ) {
|
||||
select: function(event, ui) {
|
||||
location.href = ui.item.uri;
|
||||
}
|
||||
});
|
||||
|
|
|
|||
19
js/events.js
19
js/events.js
|
|
@ -7,17 +7,24 @@ layout: null
|
|||
|
||||
"use strict"
|
||||
|
||||
var zoom=2;
|
||||
var minzoom=1;
|
||||
if(isMobile())var zoom=minzoom=0;
|
||||
var map = L.map('eventmap',{ 'zoom': zoom, 'minZoom': minzoom, 'center': [20.00, 10.00]});
|
||||
var zoom = 2;
|
||||
var minzoom = 1;
|
||||
if (isMobile()) var zoom = minzoom = 0;
|
||||
var map = L.map('eventmap', {
|
||||
'zoom': zoom,
|
||||
'minZoom': minzoom,
|
||||
'center': [20.00, 10.00]
|
||||
});
|
||||
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
attribution: 'Data © by <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>.',
|
||||
maxZoom: 18
|
||||
}).addTo(map);
|
||||
|
||||
var markers = new L.MarkerClusterGroup({showCoverageOnHover: false, maxClusterRadius: 40});
|
||||
for (var i=0, nds=document.getElementById('eventdata').getElementsByTagName('DIV'), n=nds.length; i < n; i++) {
|
||||
var markers = new L.MarkerClusterGroup({
|
||||
showCoverageOnHover: false,
|
||||
maxClusterRadius: 40
|
||||
});
|
||||
for (var i = 0, nds = document.getElementById('eventdata').getElementsByTagName('DIV'), n = nds.length; i < n; i++) {
|
||||
L.marker([parseFloat(nds[i].getAttribute('data-lat')), parseFloat(nds[i].getAttribute('data-lon'))]).bindPopup(nds[i].innerHTML).addTo(markers);
|
||||
}
|
||||
|
||||
|
|
|
|||
36
js/ie.js
36
js/ie.js
|
|
@ -3,20 +3,20 @@
|
|||
|
||||
"use strict"
|
||||
|
||||
function pngfix(){
|
||||
//Allows IE6 to render transparent png
|
||||
var arVersion = navigator.appVersion.split("MSIE")
|
||||
var version = parseFloat(arVersion[1])
|
||||
if ((version >= 5.5) && (document.body.filters))
|
||||
{
|
||||
for(var i=0; i<document.images.length; i++)
|
||||
function pngfix() {
|
||||
//Allows IE6 to render transparent png
|
||||
var arVersion = navigator.appVersion.split("MSIE")
|
||||
var version = parseFloat(arVersion[1])
|
||||
if ((version >= 5.5) && (document.body.filters))
|
||||
{
|
||||
for (var i = 0; i < document.images.length; i++)
|
||||
{
|
||||
var img = document.images[i]
|
||||
var imgName = img.src.toUpperCase()
|
||||
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
|
||||
if (imgName.substring(imgName.length - 3, imgName.length) == "PNG")
|
||||
{
|
||||
//Workaround to skip github icons
|
||||
if(img.src.indexOf('gravatar.com')!==-1)continue;
|
||||
if (img.src.indexOf('gravatar.com') !== -1) continue;
|
||||
var imgID = (img.id) ? "id='" + img.id + "' " : ""
|
||||
var imgClass = (img.className) ? "class='" + img.className + " ieimg' " : "class='ieimg' "
|
||||
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
|
||||
|
|
@ -24,23 +24,23 @@ if ((version >= 5.5) && (document.body.filters))
|
|||
var imgWidth = img.width;
|
||||
var imgHeight = img.height;
|
||||
//Workaround for hidden img to prevent 0px width and height
|
||||
if(img.src.indexOf('/img/clients/')!==-1){imgWidth='72';imgHeight='72';}
|
||||
if (img.src.indexOf('/img/clients/') !== -1) {
|
||||
imgWidth = '72';
|
||||
imgHeight = '72';
|
||||
}
|
||||
if (img.align == "left") imgStyle = "float:left;" + imgStyle
|
||||
if (img.align == "right") imgStyle = "float:right;" + imgStyle
|
||||
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
|
||||
var strNewHTML = "<span " + imgID + imgClass + imgTitle
|
||||
+ " style=\"" + "width:" + imgWidth + "px; height:" + imgHeight + "px;" + imgStyle + ";"
|
||||
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
|
||||
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
|
||||
var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + imgWidth + "px; height:" + imgHeight + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
|
||||
img.outerHTML = strNewHTML
|
||||
i = i-1
|
||||
i = i - 1
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Let other scripts know browser is IE6-7
|
||||
var legacyIE=true;
|
||||
var legacyIE = true;
|
||||
|
||||
//Render all transparent pngs
|
||||
window.onload=pngfix;
|
||||
window.onload = pngfix;
|
||||
|
|
|
|||
370
js/main.js
370
js/main.js
|
|
@ -7,90 +7,90 @@
|
|||
"use strict"
|
||||
|
||||
function getWidth(a) {
|
||||
// Return the integer value of the computed width of a DOM node.
|
||||
// Ex. getWidth(node);
|
||||
var w = getStyle(a, 'width');
|
||||
if (w.indexOf('px') !== -1) return parseInt(w.replace('px', ''));
|
||||
var p = [getStyle(a, 'padding-top'), getStyle(a, 'padding-right'), getStyle(a, 'padding-bottom'), getStyle(a, 'padding-left')];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
// Return the integer value of the computed width of a DOM node.
|
||||
// Ex. getWidth(node);
|
||||
var w = getStyle(a, 'width');
|
||||
if (w.indexOf('px') !== -1) return parseInt(w.replace('px', ''));
|
||||
var p = [getStyle(a, 'padding-top'), getStyle(a, 'padding-right'), getStyle(a, 'padding-bottom'), getStyle(a, 'padding-left')];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
p[i] = (p[i].indexOf('px') !== -1) ? parseInt(p[i]) : 0;
|
||||
}
|
||||
return Math.max(0, a.offsetWidth - p[1] - p[3]);
|
||||
}
|
||||
return Math.max(0, a.offsetWidth - p[1] - p[3]);
|
||||
}
|
||||
|
||||
function getHeight(a) {
|
||||
// Return the integer value of the computed height of a DOM node.
|
||||
// Ex. getHeight(node);
|
||||
var h = getStyle(a, 'height');
|
||||
if (h.indexOf('px') !== -1) return parseInt(h.replace('px', ''));
|
||||
var p = [getStyle(a, 'padding-top'), getStyle(a, 'padding-right'), getStyle(a, 'padding-bottom'), getStyle(a, 'padding-left')];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
// Return the integer value of the computed height of a DOM node.
|
||||
// Ex. getHeight(node);
|
||||
var h = getStyle(a, 'height');
|
||||
if (h.indexOf('px') !== -1) return parseInt(h.replace('px', ''));
|
||||
var p = [getStyle(a, 'padding-top'), getStyle(a, 'padding-right'), getStyle(a, 'padding-bottom'), getStyle(a, 'padding-left')];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
p[i] = (p[i].indexOf('px') !== -1) ? parseInt(p[i]) : 0;
|
||||
}
|
||||
return Math.max(0, a.offsetHeight - p[0] - p[2]);
|
||||
}
|
||||
return Math.max(0, a.offsetHeight - p[0] - p[2]);
|
||||
}
|
||||
|
||||
function getLeft(a) {
|
||||
// Return the integer value of the computed distance between given node and the browser window.
|
||||
// Ex. getLeft(node);
|
||||
var b = a.offsetLeft;
|
||||
while (a.offsetParent) {
|
||||
// Return the integer value of the computed distance between given node and the browser window.
|
||||
// Ex. getLeft(node);
|
||||
var b = a.offsetLeft;
|
||||
while (a.offsetParent) {
|
||||
a = a.offsetParent;
|
||||
b += a.offsetLeft;
|
||||
}
|
||||
return b;
|
||||
}
|
||||
return b;
|
||||
}
|
||||
|
||||
function getTop (a) {
|
||||
// Return the integer value of the computed distance between given node and the browser window.
|
||||
// Ex. getTop(node);
|
||||
var b = a.offsetTop;
|
||||
while (a.offsetParent) {
|
||||
function getTop(a) {
|
||||
// Return the integer value of the computed distance between given node and the browser window.
|
||||
// Ex. getTop(node);
|
||||
var b = a.offsetTop;
|
||||
while (a.offsetParent) {
|
||||
a = a.offsetParent;
|
||||
b += a.offsetTop;
|
||||
}
|
||||
return b;
|
||||
}
|
||||
return b;
|
||||
}
|
||||
|
||||
function getPageYOffset() {
|
||||
// Return the integer value for the vertical position of the scroll bar.
|
||||
return window.pageYOffset || document.documentElement.scrollTop;
|
||||
// Return the integer value for the vertical position of the scroll bar.
|
||||
return window.pageYOffset || document.documentElement.scrollTop;
|
||||
}
|
||||
|
||||
function getPageXOffset() {
|
||||
// Return the integer value for the horizontal position of the scroll bar.
|
||||
return window.pageXOffset || document.documentElement.scrollLeft;
|
||||
// Return the integer value for the horizontal position of the scroll bar.
|
||||
return window.pageXOffset || document.documentElement.scrollLeft;
|
||||
}
|
||||
|
||||
function getWindowY() {
|
||||
// Return the integer value for the browser window height.
|
||||
return window.innerHeight || document.documentElement.clientHeight;
|
||||
// Return the integer value for the browser window height.
|
||||
return window.innerHeight || document.documentElement.clientHeight;
|
||||
}
|
||||
|
||||
function getWindowX() {
|
||||
// Return the integer value for the browser window width.
|
||||
return window.innerWidth || document.documentElement.clientWidth;
|
||||
// Return the integer value for the browser window width.
|
||||
return window.innerWidth || document.documentElement.clientWidth;
|
||||
}
|
||||
|
||||
function isMobile() {
|
||||
// Return true if the mobile CSS stylesheet is used.
|
||||
if (getStyle(document.getElementById('detectmobile'), 'display') != 'none') return true;
|
||||
return false;
|
||||
// Return true if the mobile CSS stylesheet is used.
|
||||
if (getStyle(document.getElementById('detectmobile'), 'display') != 'none') return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function scrollToNode(t) {
|
||||
// Scroll to any node on the page.
|
||||
if (document.body.getAttribute('data-scrollstatus') != null) {
|
||||
// Scroll to any node on the page.
|
||||
if (document.body.getAttribute('data-scrollstatus') != null) {
|
||||
clearInterval(document.body.getAttribute('data-scrollstatus'));
|
||||
document.body.removeAttribute('data-scrollstatus');
|
||||
}
|
||||
var delay = 800;
|
||||
var py = getPageYOffset();
|
||||
var fy = getTop(t)
|
||||
var dy = fy - py;
|
||||
var x = getPageXOffset();
|
||||
var oti = new Date().getTime();
|
||||
document.body.setAttribute('data-scrollstatus', setInterval(function() {
|
||||
}
|
||||
var delay = 800;
|
||||
var py = getPageYOffset();
|
||||
var fy = getTop(t)
|
||||
var dy = fy - py;
|
||||
var x = getPageXOffset();
|
||||
var oti = new Date().getTime();
|
||||
document.body.setAttribute('data-scrollstatus', setInterval(function() {
|
||||
var nti = new Date().getTime() - oti;
|
||||
if (nti >= delay) {
|
||||
window.scrollTo(x, fy);
|
||||
|
|
@ -101,25 +101,25 @@ document.body.setAttribute('data-scrollstatus', setInterval(function() {
|
|||
var p = nti / delay;
|
||||
p = p * (1 + (0.5 * (1 - p)));
|
||||
window.scrollTo(x, (py + (dy * p)).toFixed(0));
|
||||
}, 10));
|
||||
}, 10));
|
||||
}
|
||||
|
||||
function supportCSS(id) {
|
||||
// Return true if the browser supports given CSS feature.
|
||||
var domPrefixes = 'Webkit Moz ms O'.split(' ');
|
||||
var nd = document.createElement('DIV');
|
||||
id = id.toLowerCase();
|
||||
if (nd.style[id] !== undefined) return true;
|
||||
idc = id.charAt(0).toUpperCase() + id.substr(1);
|
||||
for (var i = 0, n = domPrefixes.length; i < n; i++) {
|
||||
// Return true if the browser supports given CSS feature.
|
||||
var domPrefixes = 'Webkit Moz ms O'.split(' ');
|
||||
var nd = document.createElement('DIV');
|
||||
id = id.toLowerCase();
|
||||
if (nd.style[id] !== undefined) return true;
|
||||
idc = id.charAt(0).toUpperCase() + id.substr(1);
|
||||
for (var i = 0, n = domPrefixes.length; i < n; i++) {
|
||||
if (nd.style[domPrefixes[i] + idc] !== undefined) return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function loadYoutubeVideo(e) {
|
||||
// Load Youtube video on target node on click.
|
||||
function init(e) {
|
||||
// Load Youtube video on target node on click.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
nd = document.createElement('IFRAME');
|
||||
while (t.getAttribute('data-youtubeurl') === null || t.getAttribute('data-youtubeurl') === '') t = t.parentNode;
|
||||
|
|
@ -129,94 +129,94 @@ function init(e) {
|
|||
t.innerHTML = '';
|
||||
t.appendChild(nd);
|
||||
t.onclick = '';
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function expandBox(t) {
|
||||
// Expand or shrink box.
|
||||
var phe = getHeight(t);
|
||||
t.style.transition = t.style.MozTransition = t.style.WebkitTransition = 'all 0s ease 0s';
|
||||
if (t.className.indexOf('expanded') === -1) addClass(t, 'expanded');
|
||||
else removeClass(t, 'expanded');
|
||||
t.style.height = '';
|
||||
var nhe = getHeight(t);
|
||||
t.style.height = phe + 'px';
|
||||
// Async call to prevent transition from applying on last style.height statement.
|
||||
setTimeout(function() {
|
||||
// Expand or shrink box.
|
||||
var phe = getHeight(t);
|
||||
t.style.transition = t.style.MozTransition = t.style.WebkitTransition = 'all 0s ease 0s';
|
||||
if (t.className.indexOf('expanded') === -1) addClass(t, 'expanded');
|
||||
else removeClass(t, 'expanded');
|
||||
t.style.height = '';
|
||||
var nhe = getHeight(t);
|
||||
t.style.height = phe + 'px';
|
||||
// Async call to prevent transition from applying on last style.height statement.
|
||||
setTimeout(function() {
|
||||
t.style.transition = t.style.MozTransition = t.style.WebkitTransition = '';
|
||||
t.style.height = nhe + 'px';
|
||||
}, 20);
|
||||
}, 20);
|
||||
}
|
||||
|
||||
function boxShow(e) {
|
||||
// Display the box content when the user click a box on the "Secure your wallet" page.
|
||||
function init(e) {
|
||||
// Display the box content when the user click a box on the "Secure your wallet" page.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target');
|
||||
while (t.nodeName != 'DIV') t = t.parentNode;
|
||||
expandBox(t);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function faqShow(e) {
|
||||
// Display the content of a question in the FAQ at user request.
|
||||
function init(e) {
|
||||
// Display the content of a question in the FAQ at user request.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target');
|
||||
while (t.nodeType != 1 || t.nodeName != 'DIV') t = t.nextSibling;
|
||||
expandBox(t);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function materialShow(e) {
|
||||
// Display more materials on the "Press center" page at user request.
|
||||
function init(e) {
|
||||
// Display more materials on the "Press center" page at user request.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
p = t;
|
||||
while (p.nodeType != 1 || p.nodeName != 'DIV') p = p.parentNode;
|
||||
expandBox(p);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function librariesShow(e) {
|
||||
// Display more open source projects on the "Development" page at user request.
|
||||
function init(e) {
|
||||
// Display more open source projects on the "Development" page at user request.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
p = t;
|
||||
while (p.nodeType != 1 || p.nodeName != 'UL') p = p.parentNode;
|
||||
expandBox(p);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function freenodeShow(e) {
|
||||
// Display freenode chat window on the "Development" page at user request.
|
||||
document.getElementById('chatbox').innerHTML = '<iframe style=width:98%;min-width:400px;height:600px src="http://webchat.freenode.net/?channels=bitcoin-dev" />';
|
||||
cancelEvent(e);
|
||||
// Display freenode chat window on the "Development" page at user request.
|
||||
document.getElementById('chatbox').innerHTML = '<iframe style=width:98%;min-width:400px;height:600px src="http://webchat.freenode.net/?channels=bitcoin-dev" />';
|
||||
cancelEvent(e);
|
||||
}
|
||||
|
||||
function updateToc() {
|
||||
// Update table of content active entry and browser url on scroll.
|
||||
var pageoffset;
|
||||
var windowy;
|
||||
var toc;
|
||||
var fallback;
|
||||
var first;
|
||||
var last;
|
||||
var closer;
|
||||
var init = function() {
|
||||
// Update table of content active entry and browser url on scroll.
|
||||
var pageoffset;
|
||||
var windowy;
|
||||
var toc;
|
||||
var fallback;
|
||||
var first;
|
||||
var last;
|
||||
var closer;
|
||||
var init = function() {
|
||||
setenv();
|
||||
updatehistory();
|
||||
updatetoc();
|
||||
}
|
||||
// Set variables.
|
||||
var setenv = function() {
|
||||
}
|
||||
// Set variables.
|
||||
var setenv = function() {
|
||||
pageoffset = getPageYOffset();
|
||||
windowy = getWindowY();
|
||||
toc = document.getElementById('toc');
|
||||
|
|
@ -229,7 +229,7 @@ var setenv = function() {
|
|||
var tags = ['H2', 'H3', 'H4', 'H5', 'H6'];
|
||||
for (var i = 0, n = tags.length; i < n; i++) {
|
||||
for (var ii = 0, t = document.getElementsByTagName(tags[i]), nn = t.length; ii < nn; ii++) {
|
||||
if (t[ii].className.indexOf('no_toc')!==-1) continue;
|
||||
if (t[ii].className.indexOf('no_toc') !== -1) continue;
|
||||
nodes.push(t[ii]);
|
||||
}
|
||||
}
|
||||
|
|
@ -244,9 +244,9 @@ var setenv = function() {
|
|||
// Set closer title to first or last title if at the top or bottom of the page.
|
||||
if (pageoffset < first[1]) closer = [first[0], first[1]];
|
||||
if (windowy + pageoffset >= getHeight(document.body)) closer = [last[0], last[1]];
|
||||
}
|
||||
// Update toc position and set active toc entry.
|
||||
var updatetoc = function() {
|
||||
}
|
||||
// Update toc position and set active toc entry.
|
||||
var updatetoc = function() {
|
||||
// Set bottom and top to fit within window and not overflow its parent node.
|
||||
var div = toc.getElementsByTagName('DIV')[0];
|
||||
if (pageoffset > getTop(toc)) {
|
||||
|
|
@ -277,9 +277,9 @@ var updatetoc = function() {
|
|||
var bdiff = getHeight(a) + otop - div.scrollTop - getHeight(div);
|
||||
var tdiff = getHeight(a) - otop + div.scrollTop;
|
||||
if (tdiff > 0 || bdiff > 0) div.scrollTop -= tdiff;
|
||||
}
|
||||
// Update browser url.
|
||||
var updatehistory = function() {
|
||||
}
|
||||
// Update browser url.
|
||||
var updatehistory = function() {
|
||||
// Don't call window.history if not supported.
|
||||
if (!window.history || !window.history.replaceState) return;
|
||||
// Don't update window url when it doesn't need to be updated.
|
||||
|
|
@ -289,34 +289,34 @@ var updatehistory = function() {
|
|||
// Don't update window url when page is not loaded, or user just clicked a url.
|
||||
if (!toc.hasAttribute('data-timestamp') || toc.getAttribute('data-timestamp') > new Date().getTime() - 1000) return;
|
||||
window.history.replaceState(null, null, '#' + closer[0].id);
|
||||
}
|
||||
// Update the toc when the page stops scrolling.
|
||||
var evtimeout = function() {
|
||||
}
|
||||
// Update the toc when the page stops scrolling.
|
||||
var evtimeout = function() {
|
||||
toc = document.getElementById('toc');
|
||||
clearTimeout(toc.getAttribute('data-timeout'));
|
||||
toc.setAttribute('data-timeout', setTimeout(init, 1));
|
||||
}
|
||||
// Reset timestamp on page load and each time the user clicks a url.
|
||||
var evtimestamp = function() {
|
||||
toc = document.getElementById('toc');
|
||||
document.getElementById('toc').setAttribute('data-timestamp', new Date().getTime());
|
||||
}
|
||||
addEvent(window, 'scroll', evtimeout);
|
||||
addEvent(window, 'popstate', evtimestamp);
|
||||
addEvent(window, 'load', evtimestamp);
|
||||
init();
|
||||
}
|
||||
// Reset timestamp on page load and each time the user clicks a url.
|
||||
var evtimestamp = function() {
|
||||
toc = document.getElementById('toc');
|
||||
document.getElementById('toc').setAttribute('data-timestamp', new Date().getTime());
|
||||
}
|
||||
addEvent(window, 'scroll', evtimeout);
|
||||
addEvent(window, 'popstate', evtimestamp);
|
||||
addEvent(window, 'load', evtimestamp);
|
||||
init();
|
||||
}
|
||||
|
||||
function updateIssue(e) {
|
||||
// Update GitHub issue link pre-filled with current page location.
|
||||
var t = getEvent(e, 'target');
|
||||
t.href = 'https://github.com/bitcoin-dot-org/bitcoin.org/issues/new?body=' + encodeURIComponent('Location: ' + window.location.href.toString() + "\n\n");
|
||||
// Update GitHub issue link pre-filled with current page location.
|
||||
var t = getEvent(e, 'target');
|
||||
t.href = 'https://github.com/bitcoin-dot-org/bitcoin.org/issues/new?body=' + encodeURIComponent('Location: ' + window.location.href.toString() + "\n\n");
|
||||
}
|
||||
|
||||
function updateSource(e){
|
||||
// Update GitHub source file link pre-filled with current page location.
|
||||
if (!document.getElementsByClassName) return;
|
||||
var t = getEvent(e, 'target'),
|
||||
function updateSource(e) {
|
||||
// Update GitHub source file link pre-filled with current page location.
|
||||
if (!document.getElementsByClassName) return;
|
||||
var t = getEvent(e, 'target'),
|
||||
nodes = document.getElementsByClassName('sourcefile'),
|
||||
pageoffset = Math.max(0, getPageYOffset() + 100),
|
||||
windowy = getWindowY(),
|
||||
|
|
@ -324,38 +324,38 @@ var t = getEvent(e, 'target'),
|
|||
first = [fallback, getTop(fallback)],
|
||||
last = [fallback, getTop(fallback)],
|
||||
closer = [fallback, getTop(fallback)];
|
||||
// Find first, last and closer node.
|
||||
for (var i = 0, n = nodes.length; i < n; i++) {
|
||||
// Find first, last and closer node.
|
||||
for (var i = 0, n = nodes.length; i < n; i++) {
|
||||
var top = getTop(nodes[i]);
|
||||
if (top < first[1]) first = [nodes[i], top];
|
||||
if (top > last[1]) last = [nodes[i], top];
|
||||
if (top < pageoffset + 10 && top > closer[1]) closer = [nodes[i], top];
|
||||
}
|
||||
// Set closer title to first or last title if at the top or bottom of the page.
|
||||
if (pageoffset < first[1]) closer = [first[0], first[1]];
|
||||
if (windowy + pageoffset >= getHeight(document.body)) closer = [last[0], last[1]];
|
||||
// Set updated url to source file.
|
||||
t.href = 'https://github.com/bitcoin-dot-org/bitcoin.org/edit/master/' + closer[0].getAttribute('data-sourcefile');
|
||||
}
|
||||
// Set closer title to first or last title if at the top or bottom of the page.
|
||||
if (pageoffset < first[1]) closer = [first[0], first[1]];
|
||||
if (windowy + pageoffset >= getHeight(document.body)) closer = [last[0], last[1]];
|
||||
// Set updated url to source file.
|
||||
t.href = 'https://github.com/bitcoin-dot-org/bitcoin.org/edit/master/' + closer[0].getAttribute('data-sourcefile');
|
||||
}
|
||||
|
||||
function disclaimerClose(e) {
|
||||
// Auto close temporary disclaimer in devel-docs.
|
||||
if (e) cancelEvent(e);
|
||||
var t = document.getElementById('develdocdisclaimer')
|
||||
t.parentNode.removeChild(t);
|
||||
if (typeof(Storage) === 'undefined') return;
|
||||
sessionStorage.setItem('develdocdisclaimerclose', '1');
|
||||
// Auto close temporary disclaimer in devel-docs.
|
||||
if (e) cancelEvent(e);
|
||||
var t = document.getElementById('develdocdisclaimer')
|
||||
t.parentNode.removeChild(t);
|
||||
if (typeof(Storage) === 'undefined') return;
|
||||
sessionStorage.setItem('develdocdisclaimerclose', '1');
|
||||
}
|
||||
|
||||
function disclaimerAutoClose() {
|
||||
// Auto close temporary disclaimer in devel-docs if session says so.
|
||||
if (typeof(Storage) === 'undefined') return;
|
||||
if (sessionStorage.getItem('develdocdisclaimerclose') === '1') disclaimerClose();
|
||||
// Auto close temporary disclaimer in devel-docs if session says so.
|
||||
if (typeof(Storage) === 'undefined') return;
|
||||
if (sessionStorage.getItem('develdocdisclaimerclose') === '1') disclaimerClose();
|
||||
}
|
||||
|
||||
function walletMenuListener(e) {
|
||||
// Listen for events on the wallet menu.
|
||||
var walletSelectPlatform = function(e) {
|
||||
// Listen for events on the wallet menu.
|
||||
var walletSelectPlatform = function(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
p = t;
|
||||
if (t.nodeName != 'A') return;
|
||||
|
|
@ -373,13 +373,13 @@ var walletSelectPlatform = function(e) {
|
|||
while (t.nodeName != 'LI') t = t.parentNode;
|
||||
return (t.getElementsByTagName('UL').length > 0);
|
||||
};
|
||||
// Pre-process events and call appropriate function.
|
||||
onTouchClick(e, walletSelectPlatform);
|
||||
// Pre-process events and call appropriate function.
|
||||
onTouchClick(e, walletSelectPlatform);
|
||||
}
|
||||
|
||||
function walletListener(e) {
|
||||
// Listen for events on wallets.
|
||||
var t = getEvent(e, 'target'),
|
||||
// Listen for events on wallets.
|
||||
var t = getEvent(e, 'target'),
|
||||
walletShow = function() {
|
||||
// Show wallet on click on mobile or desktop.
|
||||
if (t.id == 'wallets') return;
|
||||
|
|
@ -404,26 +404,26 @@ var t = getEvent(e, 'target'),
|
|||
}
|
||||
removeEvent(document.body, 'click', walletListener);
|
||||
};
|
||||
// Call appropriate function on click.
|
||||
onTouchClick(e, function() {
|
||||
// Call appropriate function on click.
|
||||
onTouchClick(e, function() {
|
||||
walletHide();
|
||||
walletShow();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function walletScoreListener(e) {
|
||||
// Listen for events on wallet scores and display them on tap.
|
||||
var init = function(e) {
|
||||
// Listen for events on wallet scores and display them on tap.
|
||||
var init = function(e) {
|
||||
var t = getEvent(e, 'target');
|
||||
while (!t.parentNode.parentNode.parentNode.id) t = t.parentNode;
|
||||
(t.className.indexOf('hover') === -1) ? addClass(t, 'hover') : removeClass(t, 'hover');
|
||||
};
|
||||
onTouchClick(e, init);
|
||||
(t.className.indexOf('hover') === -1) ? addClass(t, 'hover'): removeClass(t, 'hover');
|
||||
};
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function walletShowPlatform(platform) {
|
||||
// Show wallets for given platform in the menu.
|
||||
var t = null,
|
||||
// Show wallets for given platform in the menu.
|
||||
var t = null,
|
||||
fallback = '',
|
||||
walletMenu = document.getElementById('walletmenu'),
|
||||
getMenuState = function() {
|
||||
|
|
@ -486,36 +486,36 @@ var t = null,
|
|||
document.getElementById('walletsmobile').innerHTML = '';
|
||||
}, timeout));
|
||||
};
|
||||
if(!getMenuState()) return;
|
||||
updateMenu();
|
||||
updateWallets();
|
||||
if (!getMenuState()) return;
|
||||
updateMenu();
|
||||
updateWallets();
|
||||
}
|
||||
|
||||
function walletRotate() {
|
||||
// Rotate wallets once a day.
|
||||
var ar = {
|
||||
// Rotate wallets once a day.
|
||||
var ar = {
|
||||
1: [],
|
||||
2: [],
|
||||
3: [],
|
||||
4: []
|
||||
}
|
||||
for (var i = 0, nds = document.getElementById('wallets').childNodes, n = nds.length; i < n; i++) {
|
||||
}
|
||||
for (var i = 0, nds = document.getElementById('wallets').childNodes, n = nds.length; i < n; i++) {
|
||||
if (nds[i].nodeType != 1) continue;
|
||||
ar[parseInt(nds[i].getAttribute('data-walletlevel'))].push(nds[i]);
|
||||
}
|
||||
var sum = Math.floor(new Date() / 86400000);
|
||||
for (var k in ar) {
|
||||
}
|
||||
var sum = Math.floor(new Date() / 86400000);
|
||||
for (var k in ar) {
|
||||
if (ar[k].length == 0) continue;
|
||||
var pre = ar[k][ar[k].length - 1].nextSibling;
|
||||
for (i = 0, n = sum % ar[k].length; i < n; i++) ar[k][i].parentNode.insertBefore(ar[k][i], pre);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function makeEditable(e) {
|
||||
// An easter egg that makes the page editable when user click on the page and hold their mouse button for one second.
|
||||
// This trick allows translators and writers to preview their work.
|
||||
if (!e) var e = window.event;
|
||||
switch (getEvent(e, 'type')) {
|
||||
// An easter egg that makes the page editable when user click on the page and hold their mouse button for one second.
|
||||
// This trick allows translators and writers to preview their work.
|
||||
if (!e) var e = window.event;
|
||||
switch (getEvent(e, 'type')) {
|
||||
case 'mousedown':
|
||||
if ((e.which && e.which == 3) || (e.button && e.button == 2)) return;
|
||||
var t = getEvent(e, 'target');
|
||||
|
|
@ -542,12 +542,12 @@ switch (getEvent(e, 'type')) {
|
|||
removeEvent(document.body, 'mousemove', makeEditable);
|
||||
clearTimeout(document.body.getAttribute('timeoutEdit'));
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add makeEditable event listener
|
||||
var xint = setInterval(function() {
|
||||
if (!document.body) return;
|
||||
addEvent(document.body, 'mousedown', makeEditable);
|
||||
clearInterval(xint);
|
||||
if (!document.body) return;
|
||||
addEvent(document.body, 'mousedown', makeEditable);
|
||||
clearInterval(xint);
|
||||
}, 200);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue