JQ - id parent oggetto

[rinaldi]

Buona sera vorrei provare a creare una dama per giocare online sul mio sito.
Per la scacchiera o usato una tabella ed per adesso stò usando i div come pedina.
Come faccio ad intercettare tramite click sulla pedina div l'id della cella dove si trova il div?
Grazie..

[Xinod]

$('#idTabella').on('click', '.classePedina', function(){alert($(this).parent().attr('id'))});

ciao

[rinaldi]

$('#idTabella').on('click', '.classePedina', function(){alert($(this).parent().attr('id'))});

ciao

Grazie conosco poco jq per adesso.
Funziona ma come mai se sposta la pedina mi legge sempre come parent la casella di partenza.
Dovrei cambiare anche il parent ?

[Xinod]

come sposti la pedina?
se e' fisicamente un cambio di top/left il parent della pedina resta chiaramente lo stesso

[rinaldi]

$('.classe_giocatore_due').draggable({ cursor:'pointer',revert:'invalid',grid: [ 64, 64 ] })

$(".classe_td").droppable({
drop: function(event, ui){


} })

[rinaldi]

link http://www.apricenacerca.it/giochi/dama/

[rinaldi]

Con il primo evento prendo id pedina id cella quando premo con il mouse

$('td').on('mousedown', '.classe_giocatore_due', 
function()
{ document.getElementById("log").innerHTML=
document.getElementById("log").innerHTML+'Giocatore 2 <br>pedina selezionata '+ $(this).attr('id')+' cella '+
    $(this).parent().attr('id')+"<br>";});

Con il secondo evento quando il pulsante del mouse è alzato prendo id pedina id cella.

? - Vorrei usare questo evento per capire in quale cella si trova la pedina e di conseguenza cambiare il parent

$('td').on('mouseup', '.classe_giocatore_due', 
function()
{ document.getElementById("log").innerHTML=
document.getElementById("log").innerHTML+'Giocatore 2 <br>pedina sposta in'+ $(this).attr('id')+' cella '+
    $(this).parent().attr('id')+"<br>";});

[Xinod]

mmm, non ho tempo di provare pero' potresti ritrovare tutto quello che ti serve in ui di drop,
http://api.jqueryui.com/droppable/#event-drop
c'e' il draggable che e' l' elemento che hai trascinato, c'e' l' offset che potresti dover rimuovere per mantenere fisicamente il draggable sopra al corretto droppable, una volta appeso il primo al secondo