Ajax + insetando filas en tabla

halizia · #1 07-09-2007

hola a todos!

quisiera hacer que se me vaya refrescando una tabla en Ajax, pero que me vaya insertando filas. Hasta ahora lo que hago es actualizar una celda, pero lo que quisiera es que esa tabla fuese insertando filas, hasta llegar a un límite.

¿Se puede hacer esto en AJAX?

Adjunto el código:

Código PHP:


			
<?php
require ('../xajax_core/xajax.inc.php');

    $xajax = new xajax(); 
    
    function vcc($isCaps,$res){
        if (($isCaps%2)==0){
            $text='<td width="70">'.$isCaps.'</td>';
        }else{
            $text='<td width="70">LINEAL</td>';
        }
        $res=$res.$text;
        $objResponse = new xajaxResponse();
        $objResponse->assign("vcc","innerHTML",$res);
        
        return $objResponse;
    }
    
     function pcc($isCaps,$res){
    
        if (($isCaps%2)==0){
            $algo='<td width="70">LINEAL</td>';
        }else{
            $algo='<td width="70">lineal</td>';
        }
        $res=$res.$algo;
        $objResponse = new xajaxResponse();
        $objResponse->assign("pcc","innerHTML",$res);
        
        return $objResponse;
    }
    
    $xajax->registerFunction("vcc");
    $xajax->registerFunction("pcc");
    $xajax->processRequest();

    echo '<?xml version="1.0" encoding="UTF-8"?>';
    
    $xajax->printJavascript('../');
?>
    <script type='text/javascript'>
        /* <![CDATA[ */
        var texto;
             window.onload = function() {
            // call the helloWorld function to populate the div on load
            xajax_vcc(0,'');
            xajax_pcc(0,'');
        }
        var i=0;
        var j=0;
        
        //i=i+1;
        setInterval("xajax_vcc(i++,texto)",1000);
        setInterval("xajax_pcc(j++,texto)",1000);
        /* ]]> */
    </script>    

<table border='1'><tr><td>PCC</td><td>VCC</td></tr><tr><td width="70"><div id="pcc" name="pcc"><? echo "pcc"?></div></td>
<td width="70"><div id="vcc" name="vcc"><? echo "vcc"?></div></td>
</tr></table>
    <br/>

Saludos!!

dec · #2 07-09-2007

Hola,

No es tanto "AJAX" sino JavaScript, creo yo, vamos. Pero sí, pueden añadirse filas a una tabla, y creo que hay varias formas de conseguirlo... yo propongo una que puede que no sea la mejor, pero, en fin, allá va:

Código PHP:


			
<html>
 <head>
  <script type="text/javascript">
    function AppendRow(idTable,htmlContent){
      var t = document.getElementById(idTable);
      if(t){
        var r = document.createElement('tr');
        var c = document.createElement('td');
        c.innerHTML = htmlContent;
        r.appendChild(c);
        t.appendChild(r);
      }
      return true;
    }     
  </script>
 </head>
 <body>
  <table id="mytable"></table>
  <a href="#" onclick="AppendRow('mytable','<h1>HTML Content</h1>');">AppendRow</a>
 </body>
</html>

* El código es HTML y JavaScript, lo encierro entre etiquetas PHP para que se resalte mejor únicamente.

*Emilio* · #3 07-09-2007

Cita:

Empezado por dec

No es tanto "AJAX" sino JavaScript, creo yo, vamos.

Dec, lo que pretende halizia es que le vaya refrescando los datos, por tanto con javascript poco vamos a lograr, en este caso sí hay que tirar de Ajax para lograrlo.

Yo puse un ejemplito sencillo, creo que anda por el foro

Si no, pues ya lo ponemos de nuevo.

dec · #4 07-09-2007

Hola,

Bueno. No me expliqué bien. Yo asumía que halizia ya recoge la respuesta que le llega a través del objeto "XmlHttpRequest" (AJAX), y lo que necesitaba no era tanto ayuda en este sentido, sino en cómo insertar celdas a una tabla HTML (cosa que puede hacer en el momento en que recibe la respuesta susomentada, por ejemplo).

Pero, vamos, en todo caso no creo que venga mal un ejemplo... aunque la compañera tenga que adaptarlo a su uso, pues me parece que utiliza alguna librería para tratar con el objeto "XmlHttpRequest". Lo que no sé es dónde puede andar dicho ejemplo...

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Insertar filas en Tabla(word)	Loviedo	Servers	2	14-11-2007 00:12:40
php+ajax+ie	halizia	HTML, Javascript y otros	1	06-09-2007 13:47:00
Ajax	dayrontbs	HTML, Javascript y otros	0	29-08-2007 20:04:41
AJAX, el comienzo.	papulo	HTML, Javascript y otros	10	02-07-2007 10:49:25
Como recorrer una tabla uniendo el contenido de dos filas	Javi2	SQL	4	14-02-2005 10:30:14