Caja de Diálogo

[Maru77]

Hola!
Tengo un script php que tiene un enlace de este tipo:

Código PHP:

  echo "<td><a href='eliminar.php?id=".$Row["id"]."'><img src='images/delete.png' width=25 height=25/></a></td>";  
   

Lo que quiero hacer es que al ejecutar este enlace antes de que se elimine el registro salga una caja de diálogo que me de la opción de SI / NO y al dar click en si se ejecute la parte de eliminación del registro.

Mi idea es hacerlo con jquery pero no se como implementarlo.

Espero me puedan ayudar, desde ya muchas gracias.

[sander]

Efectivamente necesitas javascript para lograr tu cometido, este es un foro de PHP, supongo un moderador ya lo movera al foro correcto, pero mientras te doy un ejemplo para que lo apliques usando jquery.

Agrega un id a tu enlace, asi:

Código PHP:

echo "<td><a id='mienlace' href='eliminar.php?id=".$Row["id"]."'><img src='images/delete.png' width=25 height=25/></a></td>";
 

luego pon este script en el lugar que corresponda.

Código Javascript:

<script type="text/javascript">
        $( '#mienlace' ).click( function(e){
            e.preventDefault();
            var url = $(this).attr( 'href' );
            if( confirm( 'Esta seguro que desea eliminar este registro?' ) )
            {
                href.location = url;
            }
        });
</script>
 

Saludos.

[Maru77]

Sander gracias por tu respuesta!

Le agregué el id a mi enlace, que tengo en una pagina, y en otra página tengo el script donde se elimina el registro, probé poniendo tu código js en una y en otra pero no funciona.

Que estaré haciendo mal?

[sander]

Bueno mira mejor hazlo asi, pon todo el codigo junto:

Código PHP:

<?php
echo "<td><a id='mienlace' href='eliminar.php?id=".$Row["id"]."'><img src='images/delete.png' width=25 height=25/></a></td>";
?>
 
<script type="text/javascript">
        $( '#mienlace' ).click( function(e){
            e.preventDefault();
            var url = $(this).attr( 'href' );
            if( confirm( 'Esta seguro que desea eliminar este registro?' ) )
            {
                    location.href = url;
            }
        });
</script>
 

Deberia funcionarte perfectamente.

Es de suponerse que tienes la libreria jquery ya cargada en tu pagina.

Saludos.

[Maru77]

Gracias! funciona de lujo!
Si no es mucha molestia de donde puedo sacar alguna referencia para aplicarle estilo?

Mil gracias de nuevo! :)