Buenas, a ver es un poco raro, estoy creando un tablero de ajedrez con jquery+php.
Ahora me viene una duda "tonta", no se como definir correctamente las piezas y la posicion del tablero para poder enviarlo por ajax y saber que mueve y donde mueve.
Me explico algo mejor, yo tengo pongamos esto :
Código PHP:
<img src="prueba.gif" class="cargando">
<table>
<tr>
<td class="tablero"> </td>
<td class="tablero"> </td>
<td class="tablero"> </td>
</tr>
</table>
Y en javascript :
Código HTML:
$(document).ready(function(){
var mover;// la pieza a mover.
$(".cargando").click(function () {
mover = $(this);
$(this).hide("slow");
});
$("td").click(function () {
mover.show();
$(mover).prependTo($(this));
});
});
Con esto cojo la imagen, le clikeo y desaparece, despues le doy donde quiero que valla dentro del td y me la pone ahi, esto funciona y es justo como quiero pero mi problema es .
Primero ¿hay alguna forma de ponerle un ... alt o similar y que via javascript me lo lea y sepa justo que valor es.
Despues en el tr idem, necesitaria saber en cual me lo pone, lo ideal seria saber la pieza que coje, de que tr la coje y a cual va.
¿Como podria hacer esto? Seguro que es una tonteria pero se me escapa.
Un saludo.