Bonjour,
je cherche à utiliser la classe ui jquery "selectable" pour sélectionner un tableau par colonne
voici mon code javascript :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type=\"text/javascript\">
    $(function() {
        $(\"#selectable\").selectable({
            stop: function(){
                var result = $(\"#select-result\").empty();
                $(\".ui-selected tr > :nth-child(2)\", this).each(function(){
					var contenu = $(this).text();
					result.append(contenu);
                });
            }
        });
    });
</script>
et le code du tableau (pour l'instant un simple tableau)

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<p id=\"feedback\">
You've selected: <span id=\"select-result\">none</span>.
</p>
<table id=\"selectable\">
  <tr> <th>   A </th> <th>   B </th> <th>   C </th> </tr>
  <tr> <td>   1 </td> <td>   2 </td> <td>   3 </td> </tr>
  <tr> <td>  10 </td> <td>  20 </td> <td>  30 </td> </tr>
  <tr> <td> 100 </td> <td> 200 </td> <td> 300 </td> </tr>
</table>

En fait ce code m'affiche bien par exemple le contenu dans le span des cellules de la colonne 2 mais je ne sais pas comment faire en sorte que l'utilisateur puisse sélectionner les cellules dans le sens de la colonne ? est-ce que c'est prévu dans "selectable" par jquery ? existe-t-il une autre solution?

merci pour votre aide, car je suis coincé ..