2011-01-06 14 views
5

Tengo un hipervínculo, que si se presiona realiza una acción importante (eliminar algo de la base de datos) así que quiero un cuadro de confirmación una vez que se presiona para que no cometan errores.Confirme cuadro después de hacer clic en hipervínculo

Mi código para el hipervínculo es:

<a href='*****.php?Number3=1222&AssignedTo=$12331'>[x]</a> 

Estoy seguro de Javascript, y sé que esto tiene una parte importante en ella ... Por favor ayuda? PS URL del hipervínculo es al azar, y hay muchos de ellos por lo que por favor no hacerlo de modo que sólo funciona con un enlace

Respuesta

8

tratar

<a href='*****.php?Number3=1222&AssignedTo=$12331' onclick="return confirm('Are you sure you want to delete?')" >[x]</a> 
0

Da tu href un nombre de clase y la orienten con algo como jQuery/JS recta, a continuación, hacer esto:

var r=confirm("Are you sure you want to delete?"); 
if (r==true){ 
    return true; 
{ 
else { 
    return false; 
} 
0

agregar una clase a las etiquetas a que los medios usted quiere una caja de confirmación.

<a href="file.php" class="confirm">Link</a> 

después adjuntar un controlador de eventos a los que:

var links = document.getElementsByClassName('confirm'); 
for (var i = 0; i < links.length; i++) { 
    links[i].onclick = function() { 
     return confirm("Are you sure?"); 
    }; 
} 

O usando jQuery:

$('.confirm').live('click', function(){ 
    return confirm("Are you sure?"); 
}); 
+0

Esto parece ser la respuesta, pero mi código va directamente al enlace y no molesta con la confirmación. Los ejemplos que utilicé fueron jQuery y agregué la clase adecuada a mi hipervínculo. – DogPooOnYourShoe

+0

Pruebe '$ ('. Confirm'). Live ('click', function() {return confirm (" Are you sure? ");});' Instead. –

0

Aquí hay una respuesta para más reciente de jQuery con algunas funciones extra para aquellos que quieren confirmar mensajes personalizados .

$('body').on('click', '[data-confirm]', function(){ 
    var msg = $(this).attr('data-confirm'); 
    return confirm(msg); 
}); 

Utiliza datos-confirma en lugar de .confirm. Su HTML aparece de la siguiente manera:

<span data-confirm="Are you sure?">delete</span> 
Cuestiones relacionadas