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

**student_php** · 02/10/2011, 23h50

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**MrPringle** · 03/10/2011, 01h28

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SpaceFrog** · 03/10/2011, 08h23

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**student_php** · 03/10/2011, 10h53

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.

**SpaceFrog** · 03/10/2011, 11h12

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**student_php** · 03/10/2011, 11h33

C'est vrai que ca paraît logique !

Merci encore ! Bonne journée à vous !

**MrPringle** · 03/10/2011, 11h59

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.