Tengo una funcion que se ejecuta cuando clickeo un link:
Código HTML:
<a class="borrarproducto" href="javascript: fn_eliminar(<?php echo $row['id']; ?>);" title="Borrar">
Luego viene la función fn_eliminar
Código Javascript:
Ver original
function fn_eliminar(id){ $.confirm("Realmente desea borrar el registro?", function(){ $.ajax({ url: 'proceso/borrarproductos.php', data: 'id=' + id, type: 'POST', success: function() { $.msg("Haz borrado correctamente"); recargartabla(); } }); }, function(){ $.msg("No se realizó la operación"); }); }
El código funciona perfecto, me borra los productos, pero si notan en el success llamo a una funcion "recargartabla", que es la que haría toda la magia:
Código Javascript:
Ver original
function recargartabla() { oTable = $('#productos').dataTable(); oTable.fnReloadAjax(); oTable.fnReloadAjax( 'proceso/tablaproductos.php' ); };
Esta funcion solo me funciona cuando esta dentro de un document.ready, y el código anterior fuera de el, entonces cuando borro un producto nunca me recarga nuevamente la tabla.
Lo que necesitaría es que fn_eliminar pueda estar dentro de document.ready para que todo funcione en conjunto...
Como podría hacer? Alguien tiene alguna idea? muchas gracias :)