mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 17:56:16 +00:00
2dc026918a
Closes #1493 When a wallet was selected on mobile displays, its entry was copied to another part of the page with its element id intact. When a category was changed, it prevented duplicate entries from being shown by searching the page for matching ids, which unintentionally matched the copied element. This patch changes the id of the copied entry during the copy operation.
557 lines
20 KiB
JavaScript
557 lines
20 KiB
JavaScript
// This file is licensed under the MIT License (MIT) available on
|
|
// http://opensource.org/licenses/MIT.
|
|
|
|
// This file is used for javascript code
|
|
// necessary for some pages to work properly.
|
|
|
|
"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++) {
|
|
p[i] = (p[i].indexOf('px') !== -1) ? parseInt(p[i]) : 0;
|
|
}
|
|
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++) {
|
|
p[i] = (p[i].indexOf('px') !== -1) ? parseInt(p[i]) : 0;
|
|
}
|
|
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) {
|
|
a = a.offsetParent;
|
|
b += a.offsetLeft;
|
|
}
|
|
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) {
|
|
a = a.offsetParent;
|
|
b += a.offsetTop;
|
|
}
|
|
return b;
|
|
}
|
|
|
|
function getPageYOffset() {
|
|
// 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;
|
|
}
|
|
|
|
function getWindowY() {
|
|
// 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;
|
|
}
|
|
|
|
function isMobile() {
|
|
// 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.
|
|
var status = document.body.getAttribute('data-scrollstatus');
|
|
if (status !== null && status !== '') {
|
|
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 nti = new Date().getTime() - oti;
|
|
if (nti >= delay) {
|
|
window.scrollTo(x, fy);
|
|
clearInterval(document.body.getAttribute('data-scrollstatus'));
|
|
document.body.removeAttribute('data-scrollstatus');
|
|
return;
|
|
}
|
|
var p = nti / delay;
|
|
p = p * (1 + (0.5 * (1 - p)));
|
|
window.scrollTo(x, (py + (dy * p)).toFixed(0));
|
|
}, 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;
|
|
var 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;
|
|
}
|
|
|
|
function loadYoutubeVideo(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;
|
|
nd.src = t.getAttribute('data-youtubeurl');
|
|
nd.setAttribute('frameborder', 0);
|
|
nd.setAttribute('allowfullscreen', true);
|
|
t.innerHTML = '';
|
|
t.appendChild(nd);
|
|
t.onclick = '';
|
|
}
|
|
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() {
|
|
t.style.transition = t.style.MozTransition = t.style.WebkitTransition = '';
|
|
t.style.height = nhe + 'px';
|
|
}, 20);
|
|
}
|
|
|
|
function boxShow(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);
|
|
}
|
|
|
|
function faqShow(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);
|
|
}
|
|
|
|
function materialShow(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);
|
|
}
|
|
|
|
function librariesShow(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);
|
|
}
|
|
|
|
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);
|
|
}
|
|
|
|
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;
|
|
function init() {
|
|
setenv();
|
|
updatehistory();
|
|
updatetoc();
|
|
}
|
|
// Set variables.
|
|
function setenv() {
|
|
pageoffset = getPageYOffset();
|
|
windowy = getWindowY();
|
|
toc = document.getElementById('toc');
|
|
fallback = document.getElementsByTagName('H2')[0];
|
|
first = [fallback, getTop(fallback)];
|
|
last = [fallback, getTop(fallback)];
|
|
closer = [fallback, getTop(fallback)];
|
|
// Find all titles in toc.
|
|
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++) {
|
|
if (t[ii].className.indexOf('no_toc') !== -1) continue;
|
|
nodes.push(t[ii]);
|
|
}
|
|
}
|
|
// Find first title, last title and closer title.
|
|
for (var i = 0, n = nodes.length; i < n; i++) {
|
|
if (!nodes[i].id) continue;
|
|
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]];
|
|
}
|
|
// Update toc position and set active toc entry.
|
|
function updatetoc() {
|
|
// Set bottom and top to fit within window and not overflow its parent node.
|
|
var div = toc.getElementsByTagName('DIV')[0];
|
|
if (pageoffset > getTop(toc)) {
|
|
addClass(div, 'scroll');
|
|
div.style.top = '20px';
|
|
div.style.bottom = Math.max((pageoffset + windowy) - (getHeight(toc.parentNode) + getTop(toc.parentNode)), 20) + 'px';
|
|
} else removeClass(div, 'scroll');
|
|
// Remove .active class from toc and find new active toc entry.
|
|
var a = false;
|
|
for (var i = 0, t = toc.getElementsByTagName('*'), n = t.length; i < n; i++) {
|
|
removeClass(t[i], 'active');
|
|
if (t[i].nodeName === 'A' && t[i].getAttribute('href') === '#' + closer[0].id) a = t[i];
|
|
}
|
|
if (a === false) return;
|
|
// Set .active class on new active toc entry.
|
|
var nd = a;
|
|
while (nd.parentNode.nodeName === 'LI' || nd.parentNode.nodeName === 'UL') {
|
|
addClass(nd, 'active');
|
|
nd = nd.parentNode;
|
|
}
|
|
// Auto-scroll in toc to keep active toc entry visible.
|
|
var nd = a;
|
|
var otop = nd.offsetTop;
|
|
while (nd.offsetParent !== div && nd.offsetParent) {
|
|
nd = nd.offsetParent;
|
|
otop += nd.offsetTop;
|
|
}
|
|
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.
|
|
function updatehistory() {
|
|
// 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.
|
|
if (new RegExp('#' + closer[0].id + '$').test(window.location.href.toString())) return;
|
|
// Don't update window url when the window is over the first title in the page.
|
|
if (pageoffset < first[1]) return;
|
|
// 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.
|
|
function evtimeout() {
|
|
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.
|
|
function evtimestamp() {
|
|
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");
|
|
}
|
|
|
|
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(),
|
|
fallback = nodes[0],
|
|
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++) {
|
|
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');
|
|
}
|
|
|
|
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');
|
|
}
|
|
|
|
function disclaimerAutoClose() {
|
|
// 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) {
|
|
var t = getEvent(e, 'target'),
|
|
p = t;
|
|
if (t.nodeName !== 'A') return;
|
|
while (p.parentNode.nodeName === 'UL' || p.parentNode.nodeName === 'LI') p = p.parentNode;
|
|
for (var i = 0, nds = p.getElementsByTagName('LI'), n = nds.length; i < n; i++) removeClass(nds[i], 'active');
|
|
var tt = t;
|
|
while (tt !== p) {
|
|
if (tt.nodeName === 'LI') addClass(tt, 'active');
|
|
tt = tt.parentNode;
|
|
}
|
|
walletShowPlatform(t.getAttribute('data-walletcompat'));
|
|
if (isMobile() && !hasSubItems(t)) scrollToNode(document.getElementById('wallets'));
|
|
},
|
|
hasSubItems = function(t) {
|
|
while (t.nodeName !== 'LI') t = t.parentNode;
|
|
return (t.getElementsByTagName('UL').length > 0);
|
|
};
|
|
// Pre-process events and call appropriate function.
|
|
onTouchClick(e, walletSelectPlatform);
|
|
}
|
|
|
|
function walletListener(e) {
|
|
// 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;
|
|
while (t.parentNode && t.parentNode.id !== 'wallets') t = t.parentNode;
|
|
if (!t.parentNode) return;
|
|
if (isMobile()) {
|
|
var p = document.getElementById('walletsmobile');
|
|
t = t.cloneNode(true);
|
|
t.id = 'inline_wallet_box';
|
|
p.innerHTML = '';
|
|
p.appendChild(t);
|
|
scrollToNode(p);
|
|
} else {
|
|
addClass(t, 'active');
|
|
addEvent(document.body, 'click', walletListener);
|
|
}
|
|
},
|
|
walletHide = function() {
|
|
// Disable wallet when the mouse clicks elsewhere.
|
|
for (var i = 0, wallets = document.getElementById('wallets').childNodes, n = wallets.length; i < n; i++) {
|
|
if (wallets[i].nodeType !== 1) continue;
|
|
removeClass(wallets[i], 'active');
|
|
}
|
|
removeEvent(document.body, 'click', walletListener);
|
|
};
|
|
// 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) {
|
|
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);
|
|
}
|
|
|
|
function walletShowPlatform(platform) {
|
|
// Show wallets for given platform in the menu.
|
|
var t = null,
|
|
fallback = '',
|
|
walletMenu = document.getElementById('walletmenu'),
|
|
getMenuState = function() {
|
|
// Find active node in the menu for given platform and fallback category if in a submenu.
|
|
for (var i = 0, nds = walletMenu.getElementsByTagName('A'), n = nds.length; i < n; i++) {
|
|
if (nds[i].getAttribute('data-walletcompat') !== platform) continue;
|
|
if (nds[i].getAttribute('data-active') === '1') return false;
|
|
t = nds[i];
|
|
var p = nds[i].parentNode.parentNode.parentNode;
|
|
if (p.nodeName === 'LI') fallback = p.getElementsByTagName('A')[0].getAttribute('data-walletcompat');
|
|
break;
|
|
}
|
|
return true;
|
|
},
|
|
updateMenu = function() {
|
|
// Set active nodes in the menu for the new platform.
|
|
addClass(walletMenu.getElementsByTagName('UL')[0], 'menutap');
|
|
for (var i = 0, nds = walletMenu.getElementsByTagName('A'), n = nds.length; i < n; i++) {
|
|
nds[i].removeAttribute('data-active');
|
|
removeClass(nds[i].parentNode, 'active');
|
|
}
|
|
if (platform !== 'default') {
|
|
t.setAttribute('data-active', '1');
|
|
addClass(t.parentNode, 'active');
|
|
var p = t.parentNode.parentNode.parentNode;
|
|
if (p.nodeName === 'LI') addClass(p, 'active');
|
|
}
|
|
},
|
|
updateWallets = function() {
|
|
// Replace wallets by those for given platform and rotate them.
|
|
var p = document.getElementById('wallets');
|
|
var lasttimeout = p.getAttribute('data-timeout');
|
|
var timeout = (lasttimeout !== null && lasttimeout !== '' && supportCSS('transition')) ? 200 : 1;
|
|
addClass(p, 'disabled');
|
|
addClass(p, 'nohover');
|
|
clearTimeout(lasttimeout);
|
|
p.setAttribute('data-timeout', setTimeout(function() {
|
|
p.innerHTML = '';
|
|
var platforms = (platform === 'default') ? ['desktop', 'mobile'] : [platform];
|
|
for (var i = 0, nds = document.getElementById('walletsswitch').childNodes, n = nds.length; i < n; i++) {
|
|
if (nds[i].nodeType !== 1) continue;
|
|
var id = nds[i].id.split('-')[1];
|
|
// for wallets with multiple listings, only show one instance per view
|
|
if (document.getElementById('wallet-' + id)) continue;
|
|
var nd = null;
|
|
for (var ii = 0, nn = platforms.length; ii < nn; ii++) {
|
|
var wp = document.getElementById('wallet-' + id + '-' + platforms[ii]);
|
|
if (wp) var nd = wp;
|
|
}
|
|
if (nd === null) {
|
|
var wf = document.getElementById('wallet-' + id + '-' + fallback);
|
|
if (wf && wf.getAttribute('data-walletcompat').indexOf(platform) !== -1) var nd = wf;
|
|
}
|
|
if (nd === null) continue;
|
|
nd = nd.cloneNode(true);
|
|
nd.id = 'wallet-' + id;
|
|
p.appendChild(nd);
|
|
}
|
|
walletRotate();
|
|
removeClass(p, 'disabled');
|
|
document.getElementById('walletsmobile').innerHTML = '';
|
|
}, timeout));
|
|
};
|
|
if (!getMenuState()) return;
|
|
updateMenu();
|
|
updateWallets();
|
|
}
|
|
|
|
function walletRotate() {
|
|
// 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++) {
|
|
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) {
|
|
if (!ar.hasOwnProperty(k)) continue;
|
|
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.
|
|
e = 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');
|
|
while (t.parentNode) {
|
|
if (getStyle(t, 'overflow') === 'auto' || getStyle(t, 'overflow-y') === 'auto' || getStyle(t, 'overflow-x') === 'auto') return;
|
|
t = t.parentNode;
|
|
}
|
|
addEvent(document.body, 'mouseup', makeEditable);
|
|
addEvent(document.body, 'mousemove', makeEditable);
|
|
document.body.setAttribute('timeoutEdit', setTimeout(function() {
|
|
removeEvent(document.body, 'mouseup', makeEditable);
|
|
removeEvent(document.body, 'mousemove', makeEditable);
|
|
var c = document.getElementById('content');
|
|
c.contentEditable = true;
|
|
c.style.borderColor = '#bfbfbf';
|
|
setTimeout(function() {
|
|
c.style.borderColor = '';
|
|
}, 200);
|
|
}, 1000));
|
|
break;
|
|
case 'mouseup':
|
|
case 'mousemove':
|
|
removeEvent(document.body, 'mouseup', makeEditable);
|
|
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);
|
|
}, 200);
|