1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
| <script type="text/javascript">
function structure(n,arch){
var tags=new Array();
var large=0;
var enf=n.getElementsByTagName('*');
for(i=2;i!=n.getElementsByTagName('*').length;i++){
var tparent=enf[i];
var rang=-3;
while(tparent.parentNode){
tparent=tparent.parentNode;rang++;
if(rang>=large){large=rang}};
tags.push("l"+(rang*60+5)+"<"+enf[i].tagName.toLowerCase()+">");
tags.push(enf[i].getElementsByTagName('*').length);
}
for(i=0;i != tags.length;i++){
if(isFinite(tags[i])){
tags.splice(2*tags[i]+i+1,0,tags[i-1].replace('<','</'))};
var mono=/\/(br|input|img|hr)\>/g;
if(isFinite(tags[i]) || tags[i].search(mono)!=-1){
tags.splice(i,1,"")};
}
for(i=0;i != tags.length;i++){
if(tags[i+2]==tags[i].replace('<','<\/')){
tags[i]+=tags[i+2];
tags[i]=tags[i].replace('\n','');
tags.splice(i+2,1,"")};
var mono2=/\<(br|input|img|hr)\>/;
tags[i]=tags[i].replace(mono2,"<$1 />");
if(tags[i].split('<').length>2){tags[i]=tags[i].replace(/\>l\d+/,"> ")};
}
cadre=document.createElement('p');
cadre.style.cssText="margin-left:auto;margin-right:auto;text-align:left;font-weight:bold;border:solid #ff0000 2px;background-color:#ffff00;width:"+(large*60+100)+"px";
cadre.title="Cliquez pour m'effacer";
cadre.onclick=function(){enf[0].replaceChild(arch,this)};
for(i=0;i != tags.length;i++){
if(tags[i]!=""){
bb=document.createElement('div');
bb.style.marginLeft=tags[i].replace(/[^\d]+/g,"")+"px";
bb.appendChild(document.createTextNode(tags[i].substring(tags[i].indexOf('<'))));
cadre.appendChild(bb);}};
enf[0].replaceChild(cadre,arch);
}
</script>
</head>
<body>
<div style="text-align:center">
<input type="button" value="voir le texte brut du document" onclick="structure(document.body,this)" />
</div> |
Partager