Puzzle

Este mini puzzle es un ejemplo simple sobre el uso de scriptaculous y sortable, una librería para utilizar "drag&drop".

(No has hecho ningun movimiento todavia)

El código fuente utilizado es el siguiente:


<script type="text/javascript">
(function(){
var p = $('puzzle'), info = $('puzzleinfo'), movimientos = 0;

Sortable.create('puzzle', {
tag:'img',overlap:'horizontal',constraint: false,
onUpdate:function(){
info.update('Has realizado ' + (++movimientos) + ' movimiento' + (movimientos>1 ? 's' : ''));
if(Sortable.sequence('puzzle').join('')=='123456789')
info.update('¡Muy bien, has resuelto el puzzle en ' + movimientos + ' movimientos!').morph('victoria');
}
});
})();
</script>


Espero que os hayáis entretenido XD, si sois curiosos, tenéis más información en script.aculo.us y documentación aquí y aquí. Código original realizado por Thomas Fuchs