Discussion :

[tidus_6_9_2]

Bonjour à tous,

Voilà, j'ai vus sur plusieurs librairie, comme par exemple prototype, qui permettent de désactiver un href.

[EDIT] Voilà j'ai trouvé la fonction JQuery permettant de désactiver mon href... seul soucis je ne comprend pas comment l'attribuer à mes balises a... car ces dernières ne peuvent contenir d'ID ou de nom...

(pour ceux que sa intéresse le code JQuery permettant de désactiver une action sur le click):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
	$('#foo').bind({
  		click: function() {
			// do something on click
			return false;
		},
  		mouseenter: function() {
    		// do something on mouseenter
			return false;
  		}
	});

Les return false; ont été rajoutés par moi, ils permettent, d'après ce que j'ai lus, d'éviter de diriger la page vers le href.

Merci d'avance pour vos explication.

[caphar]

Je n'ai pas tout compris, mais si c'est pour désactiver les href sur tous les a tu peux faire :

Code :

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

1
2
3
4
5
6
7
8
9
$(document).ready(function() {
 
    $('a').click(function() {
         // Mon action, ex. :
         alert($(this).text());
         return false; 
    });
 
});

[danielhagnoul]

Bonsoir.

Exemple :

Code :

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

1
2
3
<div id="conteneur">
	<a href="efface11.html">Hello</a>
</div>

si on utilise uniquement preventDefault(), l'alerte se produira :

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
$(function(){
	/*
	 * event.preventDefault (): l'action par défaut de l'événement ne sera pas déclenchée.
	 * event.stopPropagation (): empêche la propagation de l'événement dans l'arbre DOM
	 */
 
	$("a").click(function(event){
		// event.preventDefault(); // http://api.jquery.com/event.preventDefault/
		// event.stopPropagation(); // http://api.jquery.com/event.stopPropagation/
 
		return false; // égal à event.preventDefault(); + event.stopPropagation();
	});
 
	$("#conteneur").click(function(event){
		alert(event.type);
	});
 
});