Bonjour,
J'essaye d'utiliser ce plugin (tableDnD isocra.com/2008/02/table-drag-and-drop-jquery-plugin/) qui permet de trier les lignes d'une table par glisser déposer, et "débutant" en jquery et plugins je ne parviens pas à coder correctement l'exemple fourni
Voici mon code et je serais très reconnaissant à quelqu'un de me dire où je ne fais pas ce qu'il faut (j'ai, je pense, exécuté les instructions figurant sur le site)?
Lorsque je clique sur une ligne (quel que soit mon navigateur) c'est le texte des champs qui se sélectionne mais le glisser-déposer ne fonctionne pas, alors que sur le site ci-dessus et les mêmes navigateurs cela marche parfaitement (et même sur mon iPad)
Modifié par jalduvar (21 Feb 2013 - 22:19)
J'essaye d'utiliser ce plugin (tableDnD isocra.com/2008/02/table-drag-and-drop-jquery-plugin/) qui permet de trier les lignes d'une table par glisser déposer, et "débutant" en jquery et plugins je ne parviens pas à coder correctement l'exemple fourni
Voici mon code et je serais très reconnaissant à quelqu'un de me dire où je ne fais pas ce qu'il faut (j'ai, je pense, exécuté les instructions figurant sur le site)?
Lorsque je clique sur une ligne (quel que soit mon navigateur) c'est le texte des champs qui se sélectionne mais le glisser-déposer ne fonctionne pas, alors que sur le site ci-dessus et les mêmes navigateurs cela marche parfaitement (et même sur mon iPad)
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" src="https://github.com/isocra/TableDnD/blob/master/stable/jquery.tablednd.js"></script>
<link rel="stylesheet" type="text/css" href="dragDND.css" />
</head>
<body>
<div class="tableDemo">
<table id="table-1" cellspacing="0" cellpadding="2">
<tbody>
<tr id="1" style="cursor: move; " class="">
<td>1</td>
<td>One</td>
<td>some text</td>
</tr><tr id="2" style="cursor: move; " class="">
<td>2</td>
<td>Two</td>
<td>some text</td>
</tr><tr id="3" style="cursor: move; " class="">
<td>3</td>
<td>Three</td>
<td>some text</td>
</tr>
</tbody>
</table>
</div>
<script>
$(document).ready(function() {
$("#table-1").tableDnD();
});
</script>
</body>
Modifié par jalduvar (21 Feb 2013 - 22:19)