-
+/**
+ *
+ * could this work by findind all the visible text,
+ * then making them hidden..
+ *
+ * -- make a snapshot of the background..
+ *
+ * -- delete the whole page...
+ * -- show the image as the background.
+ * -- then overlay all the text given their calculated positions..
+ *
+ *
+ *
+ */
(function(){
- var fillStyle = function(dom)
+ var fillStyle = function(dom, pstyle)
{
if (!dom || dom.nodeType != 1) {
- console.log("SKIP: " + dom.nodeName);
+ //console.log("SKIP: " + dom.nodeName);
return;
}
- console.log(dom.nodeName);
+ //console.log(dom.nodeName);
var style = window.getComputedStyle(dom, null);
if (style.display == 'none' || dom.nodeName == "NOSCRIPT" || dom.nodeName == "SCRIPT" ) {
}
for (var i = 0;i < cn.length;i++) {
- console.log( i + ':'+ cn[i].nodeName);
- fillStyle(cn[i]);
+ //console.log( i + ':'+ cn[i].nodeName);
+ fillStyle(cn[i], style);
}
-
- return;
-
+
//var pstyle = false;
//if (dom.nodeName != 'BODY') {
// pstyle = window.getComputedStyle(dom.parentElement, null);
//}
-
+ if (dom.nodeName == 'SPAM') {
+ pstyle = false; //?? others??
+ }
//if (dom.nodeName == 'LI') { throw 'done'; }
//returns[camel] = val;
// idea... if the parent has the same style.. then do not apply it to the child?
- //if (pstyle && pstyle[prop] == val) {
- // continue;
- //}
- console.log(prop + '=' + val);
+ if (pstyle && pstyle[prop] == val) {
+ continue;
+ }
+ //console.log(prop + '=' + val);
dom.style[camel] = val;
}
var es = dom.getAttribute('style');
- console.log(dom.nodeName + '::' + es);
+ //console.log(dom.nodeName + '::' + es);
dom.setAttribute('style', es);
//return returns;
var el = document.querySelector('body');
- fillStyle(el);
+ fillStyle(el), false;
var matches = document.getElementsByTagName('style');
+ var rm = [];
for(var i =0;i < matches.length;i++) {
- matches[i].parentElement.removeChild(matches[i]);
+ rm.push(matches[i]);
+
}
var matches = document.getElementsByTagName('link');
for(var i =0;i < matches.length;i++) {
- // matches[i].parentElement.removeChild(matches[i]);
+ rm.push(matches[i]);
+ }
+ for(var i =0 ; i < rm.length;i++) {
+ rm[i].parentNode.removeChild(rm[i]);
}
+
+
+
}
changeit();
+ console.log("done");
})();
\ No newline at end of file