Perdonad que reabra el tema.. pero tengo un problema, me crea la tabla y ya se modificarla y todo eso pero me ocurre algo "extraño". El codigo que estoy usando lo encontre por internet porque me parecia mas facil...
Código Javascript
:
Ver originalfunction MostrarCaja(num) {
var raiz = document.getElementsByClassName("casilla") [num];
// creates a <table> element and a <tbody> element
var tbl = document.createElement("table");
var tblBody = document.createElement("tbody");
// creating all cells
for (var j = 1; j < 5; j++) {
// creates a table row
var row = document.createElement("tr");
for (var i = 1; i < 3; i++) {
// Create a <td> element and a text node, make the text
// node the contents of the <td>, and put the <td> at
// the end of the table row
var cell = document.createElement("td");
var cellText = document.createTextNode("cell");
cell.appendChild(cellText);
row.appendChild(cell);
}
// add the row to the end of the table body
tblBody.appendChild(row);
}
// put the <tbody> in the <table>
tbl.appendChild(tblBody);
// appends <table> into <body>
raiz.appendChild(tbl);
// sets the border attribute of tbl to 2;
tbl.setAttribute("border", "1");
tbl.setAttribute("width", "500");
}
Este es el codigo php que genera la clase "casilla"
Código PHP:
Ver originalecho '<table width="100%" border="0" cellpadding="0" cellspacing="0" class="casilla" >';
echo ' <tr>';
echo ' <td width="05%" onclick="MostrarCaja(' .$NumeroFila .')">Nombre</td>';
echo ' <td width="75%" onclick="MostrarCaja(' .$NumeroFila .')">Maria</td>';
echo ' </tr>';
echo '</table>';
Y aqui el resultado del antes y despues del click
ANTES:
DESPUES:
Se nota que al crear la tabla la celda donde pone "maria" se desplaza hasta el ancho de la tabla que creo..