ajustar una tabla

[Thonso22]

Hola..

Te paso un codigo para generar una tabla dinamicamente...

Es decir a partir del numero de filas y numero de columnas.. te crea una tabla con x posiciones...
Luego las rellenas como tu quieras..

Espero te sirva!
Yo en esta le puse eventos onclick porque hice el juego del conecta 4 o 4 en raya como quieras decirlo..
Pero igualmente le puedes poner textos imagenes etc...
Creo que aqui tambien estoy metiendo imagenes...

Saludos

function createTable(fila,columna,id)
{


var tb, tr, td, text;

bd = window.top.frames[1].document.getElementById(id);
tb = document.createElement("table");
tb.id="conecta";
tb.className ="centro";
//tb.border="1";
//tb.class="centro";

fila = fila++;

for ( x = 0; x < fila +1 ; x ++)
{

file = tb.insertRow(x);


for ( y = 0 ; y < columna ; y++)
{

//aqui ponemos un control para que solo la primera fila tenga envento onclick y onmouseover y onmouseout
if( x == 0 )
{
celda = file.insertCell(y);
celda.id = "f_" + x + "_c_" + y ;


txt = document.createElement("img");
txt.id = "i_" + x + "_c_" + y;
txt.src = "../img/blanco.bmp";


celda.setAttribute('onclick','javascript:return insertar(\''+ txt.id + '\')');
celda.setAttribute('onmouseover','javascript:retur n jugador(\''+ txt.id + '\')');
celda.setAttribute('onmouseout','javascript:return defecto(\''+ txt.id + '\')');

celda.appendChild(txt);
}
else
{

celda = file.insertCell(y);
celda.id = "f_" + x + "_c_" + y ;
txt = document.createElement("img");
txt.id = "i_" + x + "_c_" + y;
txt.src = "../img/bola_sinnada.bmp";

celda.appendChild(txt);

}//fin if

}//fin for



}//fin for

bd.appendChild(tb);





}//fin funcion