Discussion :

[Gandalf81]

Bonjour,
pour mon premier message, je pose une question qui a peut-être déjà était posé mais je trouve pas de réponse

Normalement on utilise des liens de ce genre pour les flèches de sliders ou autres :

Code :

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

<a href='#' title='Cliquez pour faire défiler'>Ma Fleche</a>

Et on peut aussi utiliser:

Code :

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

<a href='javascript:void(0);' title='Cliquez pour faire défiler'>Ma Fleche</a>

Je me demande quelles sont les différences entre les deux syntaxes ? Faut-il en favoriser l'une plus de l'autre ?

Merci d'avance

[Hephaistos007]

Le but poursuivi est le même, à savoir que le clic ne doit amener nul part (pas de changement de page). Par conséquent, les 2 techniques existent :

• Renvoi vers une ancre de page qui n'a pas été définie (#). Donc il ne se passe rien.
• Appel de la fonction void qui renvoie undefined. La cible étant indéfinie il ne se passe rien

Maintenant, de là à comparer ces 2 techniques... Disons juste que la première solution ne sollicite pas le moteur Javascript.

[Gandalf81]

Merci pour la réponse. En effet, le résultat est le même mais je me demandais si tout de même, il n'y avait pas une légère nuance.

Du coup, je reste sur le Hashtag.

[Macmillenium]

Renvoi vers une ancre de page qui n'a pas été définie (#).

Et pour empêcher le comportement par défaut, à savoir remonter en haut de page, on utilise preventDefault()

javascript:void(0);, c'est sale, très sale...

[Gandalf81]

Et pour empêcher le comportement par défaut, à savoir remonter en haut de page, on utilise preventDefault()

javascript:void(0);, c'est sale, très sale...

Donc avec un preventDefault(), on neutralise totalement le lien comme dans le code Jquery qui suit:

Code :

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

1
2
3
4
 
$("a#test1").click(function(e){
  e.preventDefault();
});

C'est toujours utile pour éviter que la page remonte comme sur certains navigateurs.

[Macmillenium]

On empêche le comportement par défaut mais on laisse l’événement se propager tranquillement dans le DOM.

[Gandalf81]

On empêche le comportement par défaut mais on laisse l’événement se propager tranquillement dans le DOM.

Donc on neutralise que la "redirection" vers un nouvelle url

[NoSmoking]

Normalement on utilise des liens de ce genre pour les flèches de sliders ou autres

il serait peu être plus judicieux, dans ce cas, d'utiliser des BUTTON qui sont somme toute là pour exécuter une action sur un clic.