inliner.js
[app.webkitpdf] / inliner.js
1
2
3
4 (function(){
5     
6     var camelize = function(a,b){
7         return b.toUpperCase();
8     }
9     
10      
11     
12     var fillStyle = function(dom, pstyle),
13     {
14         if (!dom || dom.nodeType != 1) {
15             //console.log("SKIP: " + dom.nodeName);
16             return;
17         }
18         //console.log(dom.nodeName);
19         
20         var style = window.getComputedStyle(dom, null);
21         if (style.display == 'none' || dom.nodeName == "NOSCRIPT" || dom.nodeName == "SCRIPT" ) {
22             dom.parentElement.removeChild(dom);
23             return;
24         }
25         var cn = [];
26         
27         if (dom.childNodes.length > 100) {
28             console.log(dom);
29             throw "too many child nodes?" + dom.childNodes.length ;
30         }
31         for (var i = 0;i < dom.childNodes.length;i++) {
32             cn.push(dom.childNodes[i]);
33         }
34         
35         if (cn.length > 100) {
36             console.log(dom);
37             throw "too many child nodes? cn";
38         }
39         for (var i = 0;i < cn.length;i++) {
40             
41             //console.log( i + ':'+ cn[i].nodeName);
42             fillStyle(cn[i]);
43         }    
44               
45         
46         //var pstyle = false;
47         //if (dom.nodeName != 'BODY') {
48         //    pstyle = window.getComputedStyle(dom.parentElement, null);
49         //}
50          
51         
52         
53         //if (dom.nodeName == 'LI') {            throw 'done';        }
54         
55         
56         for(var i=0;i<style.length;i++){
57             var prop = style[i];
58             var camel = prop.replace(/\-([a-z])/g, camelize);
59             var val = style.getPropertyValue(prop);
60             //returns[camel] = val;
61             
62             // idea... if the parent has the same style.. then do not apply it to the child?
63             //if (pstyle && pstyle[prop] == val) {
64             //    continue;
65             //}
66             //console.log(prop + '=' + val);
67             
68             dom.style[camel] = val;
69          
70             
71         }
72         var es = dom.getAttribute('style');
73         //console.log(dom.nodeName + '::' + es);
74         dom.setAttribute('style', es);
75         
76         //return returns;
77     }
78     
79     function changeit() {
80         
81         
82         var el = document.querySelector('body');
83         fillStyle(el);
84         
85         var matches = document.getElementsByTagName('style');
86         var rm = [];
87         for(var i =0;i < matches.length;i++) {
88             rm.push(matches[i]);
89             
90         }
91         var matches = document.getElementsByTagName('link');
92         for(var i =0;i < matches.length;i++) {
93             rm.push(matches[i]);
94         }
95         for(var i =0 ; i < rm.length;i++) {
96             rm[i].parentNode.removeChild(rm[i]);
97         }
98         
99         
100         
101     }
102     changeit();
103     
104 })();