Demander confirmation avant d'aller vers une cible dans un lien

Version imprimable

Bonsoir,

J'aimerais permettre aux utilisateurs de mon de confirmer l'action de supprimer quelque chose via un lien, pour cela je me suis fait un petit programme de test mais rien de concluant, ma fonction semble ne même pas être appelé !

Lorsque je clique sur "test" je suis immédiatement redirigé vers le lien pointé, voici le code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> </head> <body> <a onclick="_confirm();" href="www.test.com">TEST</a> <script type="text/javascript"> function _confirm() { $.('a').click(function(e) { e.preventDefault(); } return (confirm('Would you really make this test ?')); } </script> </body> </html>
Merci pour l'aide ! Bonne fin de soirée.

Il faut mettre l'événement hors de la fonction et enlever le onclick html :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
	<a href="www.test.com">TEST</a>
    <script type="text/javascript">
jQuery(function(){
		function _confirm()
		{
			return (confirm('Would you really make this test ?'));
		}
		$('a').click(_confirm);
});
    </script>

il suffit de ne pas mettre le prevent default et de faire un retour du confirm

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<a href="www.test.com" id='foo' >TEST</a>
    <script type="text/javascript">
  $(function(){
             $("#foo").click( 
                                 return (confirm('Would you really make this test ?'));
         )}
 
})		
 
 
    </script>

03/10/2011, 10h53
student_php

Bonjour à tous,

Merci pour vos réponses ! Cependant SpaceFrog, ton script est la première chose que j'avais essayé et je viens de re-tester ça ne fonctionne pas (quand je clique sur le lien, je suis redirigé sur la cible directement).

La méthode de MrPringle fonctionne de mon côté mais c'est vrai qu'elle est un peu plus complexe à déchiffrer !

J'attends ton retour avant de clore le sujet SpaceFrog, merci à vous, bonne journée.

manquait juste le function pour le return
je viens de tester ceci qui focntionne très bien
le href est bien inhibé en cas de click négatif

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
  $(function(){
             $("#foo").click(  function(){
                                 return confirm('Would you really make this test ?') ;
         })
         })
 
 
 
 
    </script>
    </head>
<body >
 
<a href="javascript:alert('parti')" id='foo' >TEST</a>
    </body>
</html>

03/10/2011, 11h33
student_php

C'est vrai que ca paraît logique !

Merci encore ! Bonne journée à vous !
03/10/2011, 11h59
MrPringle

Juste pour info, ma "version" est la même sauf qu'au lieu d'utiliser une fonction anonyme, je la déclare et c'est elle qui est appelée lors du clic.

Ça reprend tout à fait ton 'onclick="_confirm();' avec le même nom de fonction, mais en le détachant du html.
03/10/2011, 13h31
SpaceFrog

oui Mr Pringle :oops:
je m'en suis rendu compte après :aie:

je m'étais focalisé sur le preventDefault original ...
03/10/2011, 14h54
MrPringle

Pas de souci. :)

En fait mon message était plutôt explicatif pour student_php qui trouvait ma façon de faire plus dure à déchiffrer.