Foros del Web » Programando para Internet » Javascript »

Tabla: añadir columna con 20 filas en su interior

Estas en el tema de Tabla: añadir columna con 20 filas en su interior en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/04/2008, 16:40
Avatar de GaboMaKano  
Fecha de Ingreso: noviembre-2002
Ubicación: Viña del Mar - Chile
Mensajes: 323
Antigüedad: 22 años
Puntos: 2
Exclamación 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)" />
__________________
Exito!!
:censura:
Visita Uganet.cl

Última edición por GaboMaKano; 25/04/2008 a las 08:47 Razón: tema solucionado, agregue info necesaria.
  #2 (permalink)  
Antiguo 25/04/2008, 00:32
Avatar de ZiTAL  
Fecha de Ingreso: marzo-2004
Ubicación: Bermio (Bizkaia)
Mensajes: 1.545
Antigüedad: 20 años, 8 meses
Puntos: 62
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/
__________________
http://zital.no-ip.org
____________________

Euskerie ahuen eta bijotzan
  #3 (permalink)  
Antiguo 25/04/2008, 07:51
Avatar de GaboMaKano  
Fecha de Ingreso: noviembre-2002
Ubicación: Viña del Mar - Chile
Mensajes: 323
Antigüedad: 22 años
Puntos: 2
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.
__________________
Exito!!
:censura:
Visita Uganet.cl
  #4 (permalink)  
Antiguo 25/04/2008, 08:44
Avatar de GaboMaKano  
Fecha de Ingreso: noviembre-2002
Ubicación: Viña del Mar - Chile
Mensajes: 323
Antigüedad: 22 años
Puntos: 2
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.
__________________
Exito!!
:censura:
Visita Uganet.cl
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:43.