tablas ajax

[aprendiz88]

Hola buenas tardes

Tengo una tabla creada con php y html, y tengo un link que dice activar dentro de una estructura de una tabla, al momento que se active quiero que la información me aparezca en la celda de la tabla, estoy cuando ajax, jquery, actualmente me aparece la información sin actualizar la página, es lo bueno de ajax creo, pero en la parte de arriba me aparece la información correcta..

Si alguien tiene algún ejemplo, demo o el código seria tan amable de compartirlo por favor.

Gracias espero su ayuda

[kokoou]

Pera al momento de clickar en "activar" que quieres que haga el sistema ? ¿ Modificar el registro de la BD ? ¿ Cambiar la fecha al día de hoy ? ¿ Poner un campo activado=true ?

No entiendo bien que es lo que quieres hacer..

[aprendiz88]

sip al momento de activar quiero que la información que ya se obtiene de una consulta en mysql me aparezca en una celda de la tabla pero sin actualizar la página.

por ejemplo:
suponiendo k sta mi tabla


| 1 | |Activar

Al momento de darle activar, en la celda de en medio me aparezca la información sin actualizar la página.

[kokoou]

Bueno, la solución que yo implemento, es usando jQuery. Que puede ser por el método post().

Al botón activar le puedes ingresar una función que sea actualizarDatos(), de esta manera:

Código HTML:

<table>
  <tr>
    <td id="nombre-1">Dato</td>
    <td><a href="#" title="Activar" onclick="actualizarDatos(1); return false">Activar</a></td>
  </tr>
</table>
 

A la función actualizarDatos le pasas como parámetro el ID del elemento que vas a actualizar, y desde JavaScript haces esto:

Código Javascript:

actualizarDatos = function(id){
  $.post("dato.php", { id : id }, function(data){ $('#nombre-'+id).html( data ); } );
}
 

Aquí lo que haces es generar una petición a dato.php, pasandole un parámetro ID por post. Y data es lo que devuelve el archivo dato.php, que debería ser el nombre del elemento ese, resltado de la consulta a la base de datos. Y luego en el tercer parámetro de $.post() que es el callback, insertas el nombre en el td correspondiente a ese elemento

dato.php

Código PHP:

$id = $_POST['id'];
$consulta = "SELECT nombre FROM tabla WHERE id = $id";
//ejecutas la consulta y haces un echo del campo nombre que devuelve la misma
echo $nombreElemento;
 

[aprendiz88]

Ok gracias lo voy a probar, ahora otra pregunta, abusando de sus conocimientos, al haberle dado clic en activar y que me aparezca la información en la celda, como le hago para que el link se cambie a la palabra activado y pues ya no sea link.

Graciass

[kokoou]

Código HTML:

<table>
  <tr>
    <td id="nombre-1">Dato</td>
    <td id="link-1"><a href="#" title="Activar" onclick="actualizarDatos(1); return false">Activar</a></td>
  </tr>
</table>
 

Código Javascript:

actualizarDatos = function(id){
  $.post("dato.php", { id : id }, function(data){ $('#nombre-'+id).html( data ); $('#link-'+id).html('ACTIVADO'); } );
}
 

El 3er parámetro de $.load() es el callback, ahí haces todo lo que quieras una vez que termine el proceso.