Discussion :

[mister3957]

Bonjour,

J'ai repris un petit projet web, malheureusement je n'y connais pas grand chose, encore moins côté front.

Dans ce projet il y a une zone avec des tableaux qui ressemble à un "tab view", avec la captation du clic sur les "tab" pour afficher tel ou tel tableau.

Voici ce qui a été fait :

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
20
21
22
 
// Préparation de la zone de navigation
<div class="content_data_tables_nav"><ul></ul></div>
 
// Construction des tabs
$('.content_data_tables_nav ul').append(
  $('<li>').append(
    $('<a>').attr('href',unId)
      .attr("title",entity.getLabel())
      .attr("id",entity.getId())
      .attr("class","entity "+classLi)
      .append(
        entity.getLabel()
      )
  )
);
 
// Gestion événements
$(".content_data_tables_nav ul li a.entity").click(function(){
  idTable = $(this).attr("href");
  // traitements
});

Ça fonctionne sous Chrome mais pas sous FF (et sous IE je n'ai pas testé). Sous FF ça redirige vers http://monsite/path/1 (le 1 correspondant à l'id stocké dans le href).

On dirait que l'événement n'est pas capté, et du coup FF se charge de l'interprétation du lien comme n'importe quel lien et effectue la redirection.

Y a-t-il possibilité de dire au navigateur "ce lien là, ne fais rien, je gère la réponse au clique" ?

Merci à vous,

A bientôt

[mathieu]

Pour dire au navigateur de ne pas faire l'action par défaut, vous pouvez utiliser "preventDefault" comme cela :

Code :

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

1
2
3
4
5
6
7
$(".content_data_tables_nav ul li a.entity").click(function (evenement) {
 
    evenement.preventDefault();
 
    idTable = $(this).attr("href");
    // traitements
});

[mister3957]

Merci ça fonctionne