Hola.
Tengo una tabla (html) con mensajes en una base de datos con la que interacciono mediante ajax (y php).
En la tabla se muestra un link junto a cada mensaje con la opcion de borrar dicho mensaje. El codigo funciona pero he intentado insertar un jquery para darle un efecto fadeOut a la fila borrada aunque sin exito.
Los codigos:
Código HTML:
<table id="tabla" class="tabla" name="tabla" border="1" align="center">
<thead align="center">
<th>Titulo</th>
<th>Nota</th>
</thead>
<?php
//declaracion de variables para la tabla
$i=1;
while($row["nota".$i])
{
$nota[$i] = $row["nota".$i];
$titulo[$i] = $row["tnota".$i];
$i++;
}
//celdas
for ($j=1;$j<=$i-1;$j++)
{
?><tr align="center">
<td><a href="#" name="t<?php echo $j;?>" id="t<?php echo $j;?>" value="valor<?php echo $j;?>"><?php echo $row["tnota".$j];?></a></td>
<td><?php echo $row["nota".$j]; ?></td>
<td><a href="" onClick="eliminar('<?php echo $j;?>'); recargar(); return true;" class="borrar" id="<?php echo $j;?>" value="<?php echo $j;?>"><img src="borrar.png" border="0px" height="20px"/></a></td>
</tr><?php
}
?>
</table> funcion ajax que recoge el mensaje a eliminar:
Código:
function eliminar(numero){
var div = document.getElementById('tabla');
var pregunta = confirm("Seguro que quieres borrar este mensaje??");
if (pregunta){
ajax=objetoAjax();
ajax.open("POST", "borrar_nota.php",true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
div.innerHTML = ajax.responseText;
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("numero="+numero);
};
}
y esta es la funcion que estoy intentando insertar en el codigo anterior.
Código:
$(document).ready(function(){
$("a.borrar").click(function(){
id = $(this).parents("tr").find("td").eq(0).html();
respuesta = confirm("Seguro que quiere eliminar este mensaje?");
if (respuesta){
$(this).parents("tr").fadeOut("normal", function(){
$(this).remove();
alert("Mensaje eliminado");
/*
aqui puedes enviar un conjunto de datos por ajax
$.post("eliminar.php", {ide_usu: id})
*/
})
}
});
});
Tb queria perdiros consejo de paso pq no se si esta seria la manera mas correcta de hacer esto. Se trataria de borrar un mensaje de una tabla, tan solo un campo dentro de un registro....existe alguna manera mas sencilla de hacer esto?? (lo digo por la precariedad del codigo html que he tenido que crear para lograr esto).
Si de momento voy bien....me podeis echar 1 cable?? Es que miro la funcion jquery pero no le veo nada mal....claro que tp entiendo mucho de esta libreria... He insertado casi tal cual el jquery, quitando la funcion eliminar, pero nisiquiera veo el efecto. Como podria insertar el ajax dentro del jquery??
muchas gracias!