Discussion :

[francky74]

Bonjour,

Je souhaite faire une sélection d'un bouton qui se trouve dans un div, dans une table contenant plusieurs tr et donc plusieurs boutons.
J'aimerai aussi connaître le tr dans lequel a été cliqué le bouton.
De plus la table dans laquelle se trouve le bouton est sortable (possibilité d'échanger les positions du tr ....)

voici le code(pour éviter de faire trop long, je n'ai gardé que l'essentiel) :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<table  id="sort">
     <thead>
     </thead>
     <tbody>
          <tr  class="TableContent">
               <td>blabla</td>
               <td>blabla</td>
               <td>blabla</td>
               <td>
                    <div class="btn-group small">
                         <!-- see details -->
                         <a class="btn btn-default" details
                              onclick="managePopup('1', '2')">
                              <i class="fa">&#xf06e;</i>
                         </a>
                    </div>
               </td>
          </tr>
          <tr  class="TableContent">
               <td>blabla</td>
               <td>blabla</td>
               <td>blabla</td>
               <td>
                    <div class="btn-group small">
                         <!-- see details -->
                         <a class="btn btn-default" details
                              onclick="managePopup('1', '2')">
                              <i class="fa">&#xf06e;</i>
                         </a>
                    </div>
               </td>
          </tr>
     </tbody>
</table>
 
<script>
$(function() {
      $("#sort tbody").sortable().disableSelection();
});
 
 $('#sort').on('click', 'tbody .btn', function (e) {
        $.msgBox({
            title:"hi / Hello",
            content:"hi! / Hello World!"
        });
</script>

Si quelqu'un a une petite idée, merci d'avance !

[SpaceFrog]

mets des data sur tes tr ?

Code :

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

<tr data-ligne="1">

[francky74]

Bonjour,

Merci pour votre réponse.

les datas, c'est pour connaître le tr dans lequel a été cliqué le bouton je suppose ?

Pour ce qui est de l sélection, pensez-vous que cela devrait fonctionner en l'état ?

Merci,

[SpaceFrog]

Qu'entends tu par "séléction" de bouton ?

[francky74]

hé bien, en fait, pour effectuer une action sur un bouton après qu'un clic ai été réalisé, il faut (à mon sens ...) déterminer le bouton par la sélection n'est-ce pas ?
c'est à dire que je dois identifier / sélectionner ce bouton.

C'est ce que j'essaie de faire avec cette ligne de code :

Code :

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

$('#sort').on('click', 'div .btn', function (e) {

-> mon interprétation de cette ligne est la suivante :
sélection sur le bouton qui se trouve un élément de classe .btn, qui est dans un<div> et dans un élément de classe .sort.


je galère cela fait plusieurs mois que je n'ai pas pu retouche au jquery .... j'ai beaucoup perdu !

[SpaceFrog]

http://fiddle.jshell.net/sc1sgwjf/

Après pour le reste, je n'ai rien compris à ce que tu voulais faire ..