javascript: var keyCSV=true; var highlightedTarget=''; var outputerWidth=320; var outputerHeight=45; var outputer=''; var shiftKey=false; var showToggle=false; var styleProp=[['azimuth', 'undefined'],['background-attachment', 'scroll'],['background-color', 'transparent'],['background-image', 'none'],['background-position', '0px 0px'],['background-repeat', 'repeat'],['border-collapse', 'separate'],['border-spacing', '0px',true],['border-top', '0px'],['border-right', '0px'],['border-bottom', '0px'],['border-left', '0px'],['bottom', '0px',true],['caption-side', 'top'],['clear', 'none'],['clip', 'rect(0px, 0px, 0px, 0px)'],['color', 'rgb(0, 0, 0)'],['content', 'none'],['counter-increment', 'none'],['counter-reset', 'none'],['cue-after', 'undefined'],['cue-before', 'undefined'],['cue', 'undefined'],['cursor', 'default'],['direction', 'ltr'],['display', 'doIt'],['elevation', 'undefined'],['empty-cells', 'hide'],['float', 'none'],['font-family', '"Times New Roman"'],['font-size', '16px',true],['font-style', 'normal'],['font-variant', 'normal'],['font-weight', '400',true],['height', '0px',true],['left', '0px',true],['letter-spacing', '0px',true],['line-height', 'normal'],['list-style-image', 'none'],['list-style-position', 'outside'],['list-style-type', 'disc'],['list-style', 'disc outside none'],['margin-top', '0px',true],['margin-right', '0px',true],['margin-bottom', '0px',true],['margin-left', '0px',true],['max-height', '0px',true],['max-width', '0px',true],['min-height', '0px',true],['min-width', '0px',true],['orphans', '2'],['outline-color', 'invert'],['outline-style', 'none'],['outline-width', '3px',true],['outline', '3px',true],['overflow', 'visible'],['padding-top', '0px',true],['padding-right', '0px',true],['padding-bottom', '0px',true],['padding-left', '0px',true],['page-break-after', 'auto'],['page-break-before', 'auto'],['page-break-inside', 'auto'],['pause-after', 'undefined'],['pause-before', 'undefined'],['pause', 'undefined'],['pitch-range', 'undefined'],['pitch', 'undefined'],['play-during', 'undefined'],['position', 'static'],['quotes', 'none'],['richness', 'undefined'],['right', '0px',true],['speak-header', 'undefined'],['speak-numeral', 'undefined'],['speak-punctuation', 'undefined'],['speak', 'undefined'],['speech-rate', 'undefined'],['stress', 'undefined'],['table-layout', 'auto'],['text-align', 'left'],['text-decoration', 'none'],['text-indent', '0px',true],['text-transform', 'none'],['top', '0px',true],['unicode-bidi', 'normal'],['vertical-align', 'baseline'],['visibility', 'visible'],['voice-family', 'undefined'],['volume', 'undefined'],['white-space', 'normal'],['widows', '2'],['width', '0px',true],['word-spacing', '0px',true],['z-index', 'auto']]; var background='url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGeYUxB9wAAACBjSFJNAAB6JQAAgIMAAPoBAACA5gAAdTEAAOpcAAA6lwAAF25E0P0BAAAAPUlEQVR42mLcdeAKA24AEEBMDHgBQAARkAYIIALSAAFEQBoggAhIAwQQAWmAACIgDRBABKQBAoiANECAAQDTLgJiYYMOJQAAAABJRU5ErkJggg%3D%3D)'; function getStylesEle(ele){ if(showToggle) { if(highlightedTarget.style) highlightedTarget.style.backgroundImage=''; var temp0=window.getComputedStyle(ele,null); var output=''; for(i=0;i'; } } else { { if(temp.indexOf(styleProp[i][1])!=0 ) output+=styleProp[i][0]+' : '+temp+'
'; } } } } outputer.document.getElementById('text9').innerHTML=output; outputer.document.getElementById('container').style.display='block'; outputer.adjust(); outputer.focus(); if( highlightedTarget!=document.documentElement && !/body/.test(highlightedTarget.nodeName.toLowerCase()) && shiftKey ) highlightedTarget.style.backgroundImage=background; } } function closeViewer (){ if(outputer.close) outputer.close(); highlightedTarget.style.backgroundImage=''; keyCSV=false; } function makeOutput(ele) { var za=0; var output=''; var temp=''; function makeEntry(){output=''+ ''+ele.nodeName+'' + output; } makeEntry(); while(ele.parentNode && ele.parentNode.nodeName!='#document'){ ele=ele.parentNode; output=' > '+output; za++; temp+='.parentNode'; makeEntry(); } outputer.document.getElementById('output1').innerHTML=output; } (function () { document.onmouseover=function (e) { if(outputer.document=='undefined' || outputer.document==null) closeViewer(); if( typeof outputer.document!='undefined' && !showToggle){ if( e.target!=highlightedTarget ){ if(highlightedTarget.style) highlightedTarget.style.backgroundImage=''; highlightedTarget=e.target; outputer.document.getElementById('container').style.display='none'; makeOutput(highlightedTarget); outputer.adjust(); if( highlightedTarget!=document.documentElement && !/body/.test(highlightedTarget.nodeName.toLowerCase()) && shiftKey ) highlightedTarget.style.backgroundImage=background; } } }; document.onclick=function (e) { if(keyCSV) { if(outputer.focus){outputer.focus()}else{closeViewer ();keyCSV=false}; if(!showToggle){ showToggle=true; getStylesEle(highlightedTarget); } else{ showToggle=false; outputer.document.getElementById('container').style.display='none'; outputer.adjust(); }; return false; } }; document.onkeydown=function(e){ if(e.keyCode==16) shiftKey=true; }; document.onkeyup=function(e){ if(shiftKey) shiftKey=false; }; outputer=window.open('','','height='+(outputerHeight)+',width='+outputerWidth+''); outputer.document.open(); outputer.document.write(''+ ''+ ''+ 'computed style for '+document.title+ ''+ ''+ '
'+ '
'+ '
'+ ''+ '
'+ ''); outputer.document.close(); outputer.document.getElementById('container').style.display='none'; outputer.document.onkeydown=function(e){ if(e.keyCode==16) shiftKey=true; }; outputer.document.onkeyup=function(e){ if(shiftKey) shiftKey=false; }; })();