Il problema è che creando una nuova colonna non ho il tag font e quindi quando arriva a fare getElementsByTagName non lo trova e mi dice che manca l'oggetto......ho provato ad inserire il font ma credo di aver sbagliato.....non sono capace.....qualcuno sa dirmi come si fa??
codice:<HTML> <HEAD> <TITLE>HtmlPage </TITLE> <script type="text/javascript" language='JavaScript'> function setup() { prova2(); } function prova2() { var tbody1=document.getElementById("tabel"); //alert(tbody1); tbody1.style.border="1px solid black"; tbody1.cellSpacing=0; tbody1.width="440"; tbody1.height="100%"; var testo=""; var pnode=null; var togli=null; var righe=tbody1.getElementsByTagName("tr"); //alert(righe); var primariga=righe.item(0); var celle=primariga.getElementsByTagName("td"); //alert(celle); var numCelle=celle.length; var numRighe=righe.length; if(document.createElement && document.getElementById && document.getElementsByTagName) { // crea elementi numCelle=numCelle+1; var oTd1=document.createElement("TD"); var col1=document.createElement("font"); oTd1.appendChild(col1); var oTd2=document.createElement("TD"); var oTd3=document.createElement("TD"); var colonna=[oTd1, oTd2, oTd3]; var oText1=document.createTextNode("cella10"); var oText2=document.createTextNode("cella11"); var oText3=document.createTextNode("cella12"); // appendi al relativo padre oTd1.appendChild(oText1); oTd2.appendChild(oText2); oTd3.appendChild(oText3); // righe[1].appendChild(oTd1); // oTr.appendChild(oTd2); // oTr.appendChild(oTd3); for(var z=0; z<numRighe; z++) { document.getElementById('tabel').getElementsByTagName('tr')[z].appendChild(colonna[z]); } } for(var i=0;i<numCelle;i++){ togli=celle[i].getElementsByTagName("font").item(0); testo=togli.firstChild.nodeValue; alert(testo); testo=togli.firstChild.nodeValue; celle[i].removeChild(togli); pnode=document.createElement("div"); pnode.style.fontFamily="Arial"; pnode.style.color="white"; pnode.style.fontSize="7pt"; pnode.style.paddingTop="3px"; pnode.style.paddingBottom="3px"; pnode.style.paddingRight="3px"; pnode.style.paddingLeft="1px"; pnode.style.borderTop="1px solid black"; pnode.style.borderBottom="1px solid black"; pnode.style.backgroundColor="black"; pnode.style.textAlign="left"; pnode.style.width="151"; pnode.appendChild(document.createTextNode(testo)); celle[i].appendChild(pnode); } } </SCRIPT> </HEAD> <BODY onload='setup()'> <table id='tabel' border=1> <tr><td><FONT FACE="ARIAL">cella1</FONT></td> <td><FONT FACE="ARIAL">cella2</FONT></td> <td><FONT FACE="ARIAL">cella3</FONT></td></tr> <tr><td><FONT FACE="ARIAL">cella4</FONT></td> <td><FONT FACE="ARIAL">cella5</FONT></td> <td><FONT FACE="ARIAL">cella6</FONT></td></tr> <tr><td><FONT FACE="ARIAL">cella7</FONT></td> <td><FONT FACE="ARIAL">cella8</FONT></td> <td><FONT FACE="ARIAL">cella9</FONT></td></tr> </table> </BODY> </HTML>
Rispondi quotando
