Conflit entre deux actions
Bonjour à tous,
Voici mon problème, je n'arrive pas à m'en sortir :
Je construit un tableau HTML grâce à une Servlet/JSP. Ce tableau possède 5 colonnes, dont la dernière contient sur chacune des lignes un bouton qui permet de supprimer la ligne en question.
Deux actions sont possibles sur chacune des lignes :
- Un clic sur une ligne permet d'accéder à un niveau plus détaillé (je fais, en réalité, un appel d'une nouvelle Servlet/JSP).
- Un clic sur le bouton "Supprimer" de ma ligne, qui permet de supprimer ma ligne du tableau.
Mon problème est que lorsque j'appuie sur mon bouton, les deux actions sont appliquées : Le clic sur la ligne et le clic sur le bouton.
Voilà comment est géré le clic sur la ligne :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
$(document).ready( function() {
var oTable = $('#monTableau').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bSortClasses": false,
"iDisplayLength": 50
} );
/* Gestion des évènements */
$('#monTableau tbody tr').live('click', function () {
var nTds = $( 'td', this );
alert( nTds );
var sServeur = $(nTds[0]).text();
var sDictionnaire = $(nTds[1]).text();
var sRequete = $(nTds[2]).text();
ListeDesPublications( sServeur, sDictionnaire, sRequete );
} );
} ); |
Voilà comment est géré le clic sur le bouton:
Code:
1
2
|
<th align=left><button onclick="SupprimerRequete('<%=idServeur%>','<%=idDictionnaire%>','<%=idRequete%>')">Supprimer toutes les publications de la requête : <%=idRequete%>.</button></th> |
Comment ne pas appliquer ma fonction sur la ligne quand l'utilisateur appuie sur le bouton ?
