bwid = buttons[i].offsetWidth;
if ( (mygp.tagName == 'A') || (myggp.tagName == 'A')
|| (myg3p.tagName == 'A') || (myg4p.tagName == 'A')
|| (myg5p.tagName == 'A'))
{
// spURLer! Make it obvious by changing the button text
// For example, see '20140224 spURLer p23427839.png' which shows how Chrome
// handles OTT:1315:10#p3427839
console.info('button ' + i + ' is a spURLer!');
if (this.o_lbl_spurlers.val) {
btext = ' > spURLer! < ';
buttons[i].value = btext;
// Add 50 to the CSS's specified width
bwid += 50;
buttons[i].style.width = bwid+'px';
}
if (mygp.tagName == 'A') {
// We have to go up 1 more level to find the common ancestor of the
// actual content
myx = mygp.parentNode.getElementsByTagName('div')[1];
}
}
if (myx) {
// There is a sibling node with content; go ahead and show it.
var myz = myx
.getElementsByTagName('div')[0] //
.style;
// This is the first time: open the spoilers and change the button
myz.display = ''; // remove 'none', making it displayable
if (this.o_lavender.val) {
myz.backgroundColor="#DDF";
}
buttons[i].value = btext;
buttons[i].style.width = bwid+'px';
// The following does not show an accurate height if the spoiler
// contains images, but it at least works when it contains text.
var ht;
if (myx.clientHeight) { // IE
ht = myx.clientHeight + 'px'; // In some cases we see a scrollbar, so
// maybe scrollHeight would be more
// appropriate
} else if (window.getComputedStyle) {
ht = window.getComputedStyle(myx).getPropertyValue('height');
} else if (myx.style.height) {
ht = myx.style.height;
} else {
ht = 'unkn';
}
myp.getElementsByTagName('b')[0].innerText = ht;
} else {
console.info('button ' + i + ' I found no sibling with content.');
// we want to change the button text here to make it obvious that there
// is a bug
buttons[i].value = '(found no content)';
buttons[i].style.width = (buttons[i].offsetWidth+50)+'px';
}
}
}
}
};
var get_tloc = function() {
var h1 = location.href.split("#")[1];
if (typeof h1 === 'string') {
if (h1 !== '') {
var target = document.getElementById(h1);
if (target) {
return target.offsetTop;
}
}
}
return 0;
};
// 3 cases for cross-platform, cross-browser: not necessary for this
// application but I want this code to be useful elsewhere too!
if (window.addEventListener) {
window.addEventListener('DOMContentLoaded', // was 'load',
openallspoilers.convert.bind(openallspoilers), false);
} else if (window.attachEvent) {
window.attachEvent('onload',
openallspoilers.convert.bind(openallspoilers));
}
// We also need to just run it explicitly, particularly on versions of
// Tampermonkey for Chorome starting about 201604.
openallspoilers.convert(openallspoilers);
var old_tloc = get_tloc();
var old_dst = document.body.scrollTop;
// Because myx.clientHeight is sometimes not updated properly (e.g.
// Chrome v29 when myx contains newly-loaded images) the global 'ttd'
// will be set if we need to wait a while and re-run this function.
var mont = 1000;
// Make it run itself a few more times, because 'load', 'onload', and
// 'DOMContentLoaded' events all fail to wait long enough for the
// myx.clientHeight property to be correct if myx contains newly-loaded
// images, and because images sometimes take a ch*rping long time to load.
var ttd = 10;
var old_msg = '';
var msg = function(s)
{
if (s !== old_msg) {
console.info(s);
old_msg = s;
}
};
var mon = function() {
var t2 = get_tloc();
var d2 = document.body.scrollTop;
msg('dst = ' + d2 + ', tgtloc = ' + t2);
if (mont > 0) {
/* Because of opening all the spoilers, we're usually not on the message
* that we want to be on. If there is a hash ("fragment") in the URL,
* we'll try to locate it and scroll to it. */
if ((d2 == old_dst) && (d2 != t2)) {
document.body.scrollTop = t2;
msg('set dst to ' + t2);
d2 = t2;
old_dst = t2;
}
if ((ttd <=0) && (d2 != old_dst)) {
msg('dst = ' + d2 + ', old = ' + old_dst + ': stopping.');
mont = 0;
}
ttd--;
mont--;
setTimeout(mon, 100);
}
old_tloc = t2;
old_dst = d2;
};
setTimeout(mon, 100);