Creazione form dinamico

[Catta147258]

Buongiorno a tutti!
Ho un piccolo problema con la creazione di un form dinamico. In pratica ho un form in una pagina .html
Il codice è il seguente:

<form name="matr" method="post">
Inserire numero di righe e di colonne e cliccare su Inserisci


Righe: <input type="text" name="Nrighe"> Colonne: <input type="text" name="Ncol">

<input type="button" value="Inserisci" onclick="CreaForm()">
<input type="button" value="Rimuovi" onclick="rimuovi()">


<table border="1" id="tabella">
<tbody>
<tr>
<td><input type="text" name="P11" /></td><td>(1,1)</td>
</tbody>
</table>



<input type="button" value="Calcola Risultato" onclick="controllaCampi()">
<input type="reset" value="Cancella" onclick="rimuovi()">
</form>

Inserendo nei relativi campi il numero di righe e di colonne, quando si preme su "Inserisci" la tabella/form sottostante dovrebbe ingrandirsi a seconda dei valori inseriti. L'obbiettivo è quello di creare una specie di MATRICE fatta di campi (Textbox) all'interno dei quali verranno inseriti i valori.

[Catta147258]

Qui di seguito vi riporto il codice della funzione CreaForm() contenuta nel file .js

var I,K;
var Colo=0;
function CreaForm()
{
var x;
x=document.matr;
c=x.Nrighe.value;
if((isNaN(c)) || (c == "") || (c == "undefined") || (c<1))
{
alert("Il numero di righe non puo' essere minore di 1");
document.grado.action = "Index_Determinante.html";
}
c=x.Ncol.value;
if((isNaN(c)) || (c == "") || (c == "undefined") || (c<1))
{
alert("Il numero di colonne non puo' essere minore di 1");
document.grado.action = "Index_Determinante.html";
}
I=x.Nrighe.value;
K=x.Ncol.value;
accoda();
}

[Catta147258]

Qui invece vi riporto la funzione accoda() che è sicuramente sbagliata (sempre nel file .js). Non riesco proprio a risolvere questo problema! se li metto tutti in verticale ok, ma come voglio io non riesco.

function accoda(){
if(document.createElement && document.getElementById && document.getElementsByTagName) {
var Righe;
var Colonne;
var oTr=document.createElement("TR");
var oTd=document.createElement("TD");
var oTd1=document.createElement("TD");
var oTd2=document.createElement("TD");
var oField=document.createElement("INPUT");
for(Righe=0;Righe<I;Righe++)
{
for(Colonne=0;Colonne<K;Colonne++)
{
var oText=document.createTextNode("("+(Righe+1)+","+(C olonne+1)+")");
oField.setAttribute("type","text");
oField.setAttribute("name","P"+I+K);
if(Righe==0)
{
if(Colonne==0)
{
Colonne=1;
oText=document.createTextNode("("+(Righe+1)+","+(C olonne+1)+")");
}
oTd1.appendChild(oField);
oTd2.appendChild(oText);
oTd.appendChild(oTd1);
oTd.appendChild(oTd2);
Colo++;
}
else if(Colonne==0)
{
oTd.appendChild(oTr);
oTd1.appendChild(oField);
oTd2.appendChild(oText);
oTd.appendChild(oTd1);
oTd.appendChild(oTd2);
Colo++;
}
else
{
oTd1.appendChild(oField);
oTd2.appendChild(oText);
oTd.appendChild(oTd1);
oTd.appendChild(oTd2);
Colo++;
}
}
}
oTd.appendChild(oTr);
document.getElementById('tabella').getElementsByTa gName('TBODY')[0].appendChild(oTd);
}
}