Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   Tabla: añadir columna con 20 filas en su interior (http://www.forosdelweb.com/f13/tabla-anadir-columna-con-20-filas-interior-579700/)

GaboMaKano 24/04/2008 16:40

Tabla: añadir columna con 20 filas en su interior
 
SOLUCIONADO
Amigos, necesito agregar a una tabla una columna, pero esta debe incluir un numero x de filas, es una grilla con x columnas y x filas para colocar notas de una asignatura.
La idea es: un curso de 20 alumnos por ejemplo tiene un control, en pantalla se presenta el listado de 20 alumnos con un casillero para ingresar una nota, el profesor podria agregar otra nota, lo que deberia agregar una columna a la tabla y una fila para cada alumno, es decir un input para cada uno, tengo el código que agrega la columna y una fila, pero no enceuntro la forma de replicarlo para las filas restantes:

Código PHP:

function addColumn(tblId)
{
    var 
tblHeadObj document.getElementById(tblId).tHead;
    var 
' ';
    for (var 
h=0h<tblHeadObj.rows.lengthh++) {
        var 
newTH document.createElement('th');
        
tblHeadObj.rows[h].appendChild(newTH);
        
newTH.innerHTML '[th] row:' ', cell: ' + (tblHeadObj.rows[h].cells.length 1)
            }

    var 
tblBodyObj document.getElementById(tblId).tBodies[0];
    for (var 
i=0i<tblBodyObj.rows.lengthi++) {
        var 
newCell tblBodyObj.rows[i].insertCell(-1);
        
newCell.innerHTML '[td] row:' ', cell: ' + (tblBodyObj.rows[i].cells.length 1)
                }    
        
}
function 
deleteColumn(tblId)
{
    var 
allRows document.getElementById(tblId).rows;
    for (var 
i=0i<allRows.lengthi++) {
        if (
allRows[i].cells.length 1) {
            
allRows[i].deleteCell(-1);
        }
    }


Para Efectuar la llamada a la función lo pueden hacer asi

<input type="button" value="Agregar Columna" onClick="addColumn(NombreTabla)" />

ZiTAL 25/04/2008 00:32

Re: Tabla: añadir columna con 20 filas en su interior
 
puede que tengas problemas con innerHTML, prueba con esto:

http://muffinresearch.co.uk/code/javascript/DOMTool/

GaboMaKano 25/04/2008 07:51

Re: Tabla: añadir columna con 20 filas en su interior
 
la verdad no se , el ejemplo que testie agrega la columna y sus respectivas filas....sigo con la duda de como modificar dicho ejemplo.

GaboMaKano 25/04/2008 08:44

Re: Tabla: añadir columna con 20 filas en su interior
 
Solucionado, el script funciona a la perfección, el problela lo tengo yo al amar dicha tabla que lo hago dinamicamente, repetia las cabezeras thead de mala forma.


La zona horaria es GMT -6. Ahora son las 10:44.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.