Buscar temas sin respuesta | Ver temas activos Fecha actual 19 Ago 2017 23:27

Reglas del Foro


Es un foro abierto pero moderado, es decir que cualquier mensaje pasa por el moderador que borrará de inmediato todo lo que suene a spam.



Responder al tema  [ 1 mensaje ] 
 Crear tabla dinamicamente y mostrar datos de un array 
Autor Mensaje
Hola a todos y gracias de antemano por interesaros en mi consulta.
Estoy creando una tabla de forma dinámica cogiendo los datos que forman las celdas de un array y al pulsar en el botón generar me tiene que crear la tabla, en la primera fila me lo hace bien, pero al pasar a la segunda fila me vuelve a repetir los datos de la primera, en vez de seguir por donde se quedó en esta.
Otra cosa que me pasa es que la tabla no la muestra en IE, pero si en Firefox, no se si estaré utilizando algún código que es incompatible con IE

Código:
var nombre = new Array();
nombre = [["01","titulo1"],
["02","titulo2"],
["03","titulo3"],
["04","titulo4"],
["05","titulo5"],
["06","titulo6"],
["07","titulo7"],
["08","titulo8"],
["09","titulo9"],
["10","titulo10"],
["11","titulo11"]];

            var fila;
            var columna;
            var dato;
            var arrayTabla= new Array(numf);
            var numf = 2; //numero filas
            var numc = 2; //numero columnas
            function generar(){               
               
                for (i=0;i< numf;i++) arrayTabla[i]= new Array(numc);
                //creo la tabla
                tabla=document.createElement("table");
                tabla.border=1;
                tabla.id="t";// añado id a la tabla                 
               
                for (var i=0;i<numf;i++){
                //recorremos el array de filas creándolas con tr
                    var fila1=document.createElement("tr");
                    //lo mismo con td
                    for (var j=0;j<numc;j++){
                        //lo mismo con td
                        var columna1=document.createElement("td");//creamos una celda
                  //Quiero que me muestre el elemento 1
                  dato=nombre[j][1];                       
                        arrayTabla[i][j]=dato; //introduzco el valor en el array
                        //creo un texto para dentro de cada td y le pongo el valor de dato
                        var texto=document.createTextNode(dato);
                       
                        columna1.appendChild(texto);//enlazamos hijos con padres
                        fila1.appendChild(columna1);
                    }
                    tabla.appendChild(fila1);
                   
                }
                lNombres.appendChild(tabla);
               
            }


Código:
     
            <input type="Button" value="generar" onClick="generar()">           
                       
            <span id="lNombres"></span><br>


14 Ene 2014 12:43
Mostrar mensajes previos:  Ordenar por  
Responder al tema   [ 1 mensaje ] 

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro

Buscar:
Saltar a:  
cron
Desarrollado por phpBB® Forum Software © phpBB Group
Designed by ST Software for PTF.
Traducción al español por Huan Manwë para phpBB-Es.COM