Foros del web, para los que viven de bits

viktoria · 06-abr-2008, 04:13

Hola chicos,

Estoy migrando una aplicacion a AJAX, en fin poco a poco ....

Intento crear una tabla de forma dinamica, adjunto el codigo de esta, que funciona perfectamente en mozila firefox, pero en IE no hace nada! No crea nada.

Código PHP:


			
           var tab = document.createElement('table');

       var tabBody = document.createElement('tbody');

                

        for(i=0; i<dates.length; i++){

                

        var id = "bla"; // cualquier valor da igual

                    

        var title = document.createTextNode(un valor);// cualquier valor da igual

                    

        var row = document.createElement('tr');

                    

        /*cell with checkbox*/

        var cellCb = document.createElement('td');

                    

        /*cell with title of paper*/

        var cellTitle = document.createElement('td');

                    

        /*check box*/

        var cb = document.createElement('input');

        cb.type = "checkbox";

        cb.id = "id_paper[]";

        cb.value = id;

                    

        cellCb.appendChild(cb);

        cellTitle.appendChild(title);

                    

        row.appendChild(cellCb);

        row.appendChild(cellTitle);

                    

        tabBody.appendChild(row);

        }

                    

    tab.appendChild(tabBody);    

        document.getElementById('respuesta').appendChild(tab);

El div con id respuesta existe en el document.

El IE necesita un requerimiento adisional para crear tablas dinamicamente?
Es que no se ni por donde empezar. Como no sale ningun error ...

Graicas a todos!

caricatos · 06-abr-2008, 05:14

Hola:

Acabo de probarlo en explorer 7 y arreglando un par de cosillas funciona... falta en el código que nos pasaste el array dates (puse esto: var dates = [1,2,3,4];
Y entrecomille lo que pusiste en createTextNode()...

No sé en qué versión de ie lo probaste... las más viejas tienen implementaciones DOM más básicas.

Saludos

viktoria · 06-abr-2008, 06:34

Bueno, resulta (por suerte que entre en la pagina despues de unos 15 minutos) que funciona! Pero la respuesta AJAX que es inmediata en Firefox, tarda en IE unos muntos (1-2 minutos).
O sea que aparece la tabla despues de eso (2-3muntos).
No entiendo, porque tampoco me vale esperar tanto y en Firefox se ve enseguida, no tarda ni un segundo.

el codigo es este

Código PHP:


			
var miPeticion=getAjax();



function redArea(nrol){



   var area=nrol.value;



     var id_congreso=document.getElementById('id_congreso').value;

    

   var miAleatorio=parseInt(Math.random()*9999999);



var url='get_papers.php?area='+area+'&id_congreso='+id_congreso;



//open(‘method’, ‘url’ ‘a’);

miPeticion.open('GET', url+'&rand='+miAleatorio, true);





miPeticion.onreadystatechange=respuestaAjax;





miPeticion.send(null);

}



function respuestaAjax(){

//si la respuesta del servidor es ok

if (miPeticion.readyState==4){

//deckaraciones que debe ejecutar el prgrama

    if (miPeticion.status==200){

        /*get array of papar tag */

        var papers = miPeticion.responseXML.getElementsByTagName('paper');



        /*? array exists create new table*/

            if(papers.length){

                

                var tab = document.createElement('table');

                var tabBody = document.createElement('tbody');

                

                    for(i=0; i<papers.length; i++){

                    

                    /* get childNode "id" value */

                    var id = papers[i].getElementsByTagName('id')[0].firstChild.nodeValue;

                    

                    /* get childNode "title" value and create text Node */

                    var title = document.createTextNode(papers[i].getElementsByTagName('titulo')[0].firstChild.nodeValue);

                    

                    var row = document.createElement('tr');

                    

                    /*cell with checkbox*/

                    var cellCb = document.createElement('td');

                    

                    /*cell with title of paper*/

                    var cellTitle = document.createElement('td');

                    

                    /*check box*/

                    var cb = document.createElement('input');

                    cb.type = "checkbox";

                    cb.id = "id_paper[]";

                    cb.value = id;

                    

                    cellCb.appendChild(cb);

                    cellTitle.appendChild(title);

                    

                    row.appendChild(cellCb);

                    row.appendChild(cellTitle);

                    

                    tabBody.appendChild(row);

                    }

                    

                        tab.appendChild(tabBody);

                        document.getElementById('respuesta').appendChild(tab);

                

        } else {

            /*there are no papers found*/

        }

    } else {

        //creamos mensaje de error

        alert(document.getElementById('respuesta').innerHTML="Ha ocurrido un error: "+miPeticion.statusText);

    }

} else {

//si readyState ha cambiado pero !=4

//metodo innerHTMl reemplazo el objeto a quien va asociado por el codigo html

//object.innerHTML=[html]

document.getElementById('respuesta').innerHTML='Se esta actualizando la información!';

}

}

JavierB · 06-abr-2008, 07:17

Movido al foro de AJAX desde JavaScript.

Saludos,

06-abr-2008, 04:13	#1 (permalink)
viktoria Fecha de Ingreso: septiembre-2006 Mensajes: 293	createElement('table') no funciona en IE Hola chicos, Estoy migrando una aplicacion a AJAX, en fin poco a poco .... Intento crear una tabla de forma dinamica, adjunto el codigo de esta, que funciona perfectamente en mozila firefox, pero en IE no hace nada! No crea nada. Código PHP: var tab = document.createElement('table'); var tabBody = document.createElement('tbody'); for(i=0; i<dates.length; i++){ var id = "bla"; // cualquier valor da igual var title = document.createTextNode(un valor);// cualquier valor da igual var row = document.createElement('tr'); /cell with checkbox/ var cellCb = document.createElement('td'); /cell with title of paper/ var cellTitle = document.createElement('td'); /check box/ var cb = document.createElement('input'); cb.type = "checkbox"; cb.id = "id_paper[]"; cb.value = id; cellCb.appendChild(cb); cellTitle.appendChild(title); row.appendChild(cellCb); row.appendChild(cellTitle); tabBody.appendChild(row); } tab.appendChild(tabBody); document.getElementById('respuesta').appendChild(tab); El div con id respuesta existe en el document. El IE necesita un requerimiento adisional para crear tablas dinamicamente? Es que no se ni por donde empezar. Como no sale ningun error ... Graicas a todos!

06-abr-2008, 05:14	#2 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.208	Re: createElement('table') no funciona en IE Hola: Acabo de probarlo en explorer 7 y arreglando un par de cosillas funciona... falta en el código que nos pasaste el array dates (puse esto: var dates = [1,2,3,4]; Y entrecomille lo que pusiste en createTextNode()... No sé en qué versión de ie lo probaste... las más viejas tienen implementaciones DOM más básicas. Saludos __________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo

06-abr-2008, 06:34	#3 (permalink)
viktoria Fecha de Ingreso: septiembre-2006 Mensajes: 293	Re: createElement('table') no funciona en IE Bueno, resulta (por suerte que entre en la pagina despues de unos 15 minutos) que funciona! Pero la respuesta AJAX que es inmediata en Firefox, tarda en IE unos muntos (1-2 minutos). O sea que aparece la tabla despues de eso (2-3muntos). No entiendo, porque tampoco me vale esperar tanto y en Firefox se ve enseguida, no tarda ni un segundo. el codigo es este Código PHP: var miPeticion=getAjax(); function redArea(nrol){ var area=nrol.value; var id_congreso=document.getElementById('id_congreso').value; var miAleatorio=parseInt(Math.random()9999999); var url='get_papers.php?area='+area+'&id_congreso='+id_congreso; //open(‘method’, ‘url’ ‘a’); miPeticion.open('GET', url+'&rand='+miAleatorio, true); miPeticion.onreadystatechange=respuestaAjax; miPeticion.send(null); } function respuestaAjax(){ //si la respuesta del servidor es ok if (miPeticion.readyState==4){ //deckaraciones que debe ejecutar el prgrama if (miPeticion.status==200){ /get array of papar tag / var papers = miPeticion.responseXML.getElementsByTagName('paper'); /? array exists create new table/ if(papers.length){ var tab = document.createElement('table'); var tabBody = document.createElement('tbody'); for(i=0; i<papers.length; i++){ / get childNode "id" value / var id = papers[i].getElementsByTagName('id')[0].firstChild.nodeValue; / get childNode "title" value and create text Node / var title = document.createTextNode(papers[i].getElementsByTagName('titulo')[0].firstChild.nodeValue); var row = document.createElement('tr'); /cell with checkbox/ var cellCb = document.createElement('td'); /cell with title of paper/ var cellTitle = document.createElement('td'); /check box/ var cb = document.createElement('input'); cb.type = "checkbox"; cb.id = "id_paper[]"; cb.value = id; cellCb.appendChild(cb); cellTitle.appendChild(title); row.appendChild(cellCb); row.appendChild(cellTitle); tabBody.appendChild(row); } tab.appendChild(tabBody); document.getElementById('respuesta').appendChild(tab); } else { /there are no papers found*/ } } else { //creamos mensaje de error alert(document.getElementById('respuesta').innerHTML="Ha ocurrido un error: "+miPeticion.statusText); } } else { //si readyState ha cambiado pero !=4 //metodo innerHTMl reemplazo el objeto a quien va asociado por el codigo html //object.innerHTML=[html] document.getElementById('respuesta').innerHTML='Se esta actualizando la información!'; } }

06-abr-2008, 07:17	#4 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.552	Re: createElement('table') no funciona en IE Movido al foro de AJAX desde JavaScript. Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado