Discussion :

[Alder]

Salut!

J'ai un problème que je n'arrive pas à résoudre, je fais un système en drag and drop mais pour une raison que j'ignore mon drop ne fait rien du tout. (Quelque soit le navigateur.) Je vous montre le code, si quelqu'un peut m'aider ça serait vraiment cool. Merci

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
$(document).ready(function(){
 
		$("#blanc").draggable({
			revert: true, 
			disabled: false
		});
 
        $("#noir").draggable({
			revert: true, 
			disabled: true
		});
 
		$(".pion").droppable({
			drop: function(event, ui)
			{
				if($(this).html()== "")
                {
					alert('ok');
					ajouterPion($(this).attr('id'), ui.draggable[0].id);
				}
			}
		});
 
	});

Et le html.

Code html :

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

1
2
3
4
5
6
7
8
9
10
<table>
		<tr>
			<?php 
                                for($i=1;$i<8;$i++) 
                                { 
                                        echo '<td class="pion" id="'.$i.'"></td>'; 
                                } 
                        ?>
		</tr>
</table>

Voilà merci.

[tigunn]

Bonjour,

Que disent les messages d'erreur, la console javascript, ...?

[Alder]

Salut, et bien rien du tout. Vraiment je ne comprends pas, le code me semble bon, j'ai même pomper un bout de code de Jquery UI pour tester ça fonctionne à merveille et quand je mets ".pion" ça ne fonctionne plus du tout, de quoi s'arracher les cheveux.

[SpaceFrog]

c'est pas parce que ce sont des td ?

[Alder]

Et bien dans un travail précédent, ça ne semblait pas dérangeant, cependant je vais essayer. Merci. Je rééditerai en cas de soucis.

EDIT: Nope ça ne change rien.