JS + AJAX: Alert con Confirmación.

November 23rd, 2007 by Optimus Prime

Saludos.

Ayer tuve que hacer una fila que apareciera de un echo de PHP directo de una BD, que al hacerle click en una imagen, ésta direccionara a otra página donde se debía borrar la fila completa.
Pero como soy un control freak, quise ponerle un aviso de alerta de seguridad, para validar que realmente habia metido bien el dedito y por consecuencia su respectivo click. (Además que si se equivoca tengo que volver a hacer la fila a mano para que el pobre saltamontes no quede con info perdida)

Asi que hice este pequeño javascript que me salió muy útil.

function verifica_borrar(valor)
{
if (confirm(”¿Está seguro que desea borrar el campo cuyo ID es:” +valor+ “?”))
{
alert(”PLAM - MATE LA FILA”);
}
else { alert(”PLOP - SE SALVO LA FILA”);}

}

Obviamente en vez de “PLAM - Maté la fila” deben poner lo que quieren hacer si confirma y donde sale “PLOP - Se salvó la fila” lo que debe suceder si se cancela la operación.
El campo valor, lo obtiene desde la BD donde captura el índice primario de donde luego podré borrar la fila completa, evitando tener que pasar los otros parámetros extraidos de la BD.

Pero este script se demoraba bastante, asi que un amigo me recomendó usar AJAX. No cacho ajax, pero pude hacer un script ultra básico usando Prototype como JS Framework. Así quedó al final.

function verifica_borrar(valor, pagina){
if (confirm(”¿Está seguro que desea borrar el campo cuyo ID es:” +valor+ “?”))
{
var aux = new Ajax.Request(
‘borrar.php’,
{
method: ‘get’,
parameters: ‘ident=’+valor+’&page=’+pagina,
onComplete: function (dato) {
$(’r').innerHTML=dato.responseText;
},

onLoading: function(){

$(’loading’).innerHTML= ‘imagen’;
}

});
} else {
alert(”No se han realizado modificaciones”);
window.location.reload();
}
}