<html>
<head>
<script>
datos= new Array()
datos[0]=new Array(1586,1245);
datos[1]=new Array(21,21);
datos[2]=new Array(16,36);
function generar(){
for(y=0;y<datos[0].length;y++){
fila=document.createElement('tr');
for(x=0;x<datos.length;x++){
celda=document.createElement('td');
celda.align="center";
caja=document.createElement('input');
caja.size=8;
caja.type="text";
caja.value=datos[x][y];
caja.setAttribute("onchange","cambiar(this.value," +x+","+y+")");
celda.appendChild(caja);
fila.appendChild(celda);
}
document.getElementById('tabla').appendChild(fila) ;
}
}
function cambiar(valor,xx,yy){
datos[xx][yy]=valor;
mostrararray();
}
function mostrararray(){
alert("Contrato:"+datos[0].join(",")+"\nActividad:"+datos[1].join(",")+"\nHoras:"+datos[2].join(","));
}
</script>
</head>
<body onload="generar()">
<table width="500" border="1" >
<thead>
<tr>
<td><center>
Contrato</center></td>
<td><center>
Actividad</center></td>
<td><center>
Horas</center></td>
</tr></thead>
<tbody id="tabla"></tbody>
</table>
<button onClick="mostrararray()">Mostrar Array</button>
</body>
</html>