Tengo una aplicación web en la que se pueden arrastrar elementos y configurar cosas, pero quiero añadirle una opción más, cargar datos de un txt, donde guardo la configuración de cada usuario.
El problema viene en que se trata de un juego parecido a un puzzle en el que formar 4 figuras con piezas diferentes en 4 div verticales independientes.
Consigo cargar el txt con ajax y estoy tratando de colocar las imagenes en su sitio, parece que lo hace bien:
Código:
con este codigo el div queda de la siguiente forma: $.ajax({ url : "conf.txt", dataType: "text", success : function (data) { var auX = data.split('\n'); var m; var coincide=false; longitud = auX.length; for (i=0; i<longitud && !coincide;i++){ var com = auX[i].split(':'); alert ("comparo: " + com[0] + " con " + user); if (com[0] == user){ coincide=true; alert ("usuario encontrado con la configuración " + com[1] ); var auX2 = com[1].split('-'); var insertar= '<img id="'+contNegati+'" bloque="2" style="position: absolute; left: 0px; top: 0px;" src="images/piezas/acciones/1a.png" alt="item1">'; //$("#suelta21").append(insertar).draggable({snap: ".suelta", snapMode:"inner", appendTo:"body", revert:"invalid"}); $("#suelta21").prepend(insertar).draggable({snap: ".suelta", snapMode:"inner", appendTo:"body", revert:"invalid"}); } } }
pero si lo cambio de div lo que hace es cambiarme el div contenedor entero de nombre y movermelo
no se si es fallo del código de arriba, o tengo que cambiar los métodos que gestionan el movimiento de objetos entre divs.
un saludo y muchas gracias por el tiempo!