Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Añadir codigo html a div desde jquery

Estas en el tema de Añadir codigo html a div desde jquery en el foro de Jquery en Foros del Web. Buenos días a todos, me encuentro ante un problema que paso a describir: Tengo una aplicación web en la que se pueden arrastrar elementos y ...
  #1 (permalink)  
Antiguo 29/05/2013, 05:49
 
Fecha de Ingreso: abril-2013
Mensajes: 16
Antigüedad: 11 años
Puntos: 0
Pregunta Añadir codigo html a div desde jquery

Buenos días a todos, me encuentro ante un problema que paso a describir:

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:
$.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"});
								
								
								
								
								
							}
							
						}
                }
con este codigo el div queda de la siguiente forma:



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!
  #2 (permalink)  
Antiguo 29/05/2013, 06:01
 
Fecha de Ingreso: abril-2013
Mensajes: 16
Antigüedad: 11 años
Puntos: 0
Respuesta: Añadir codigo html a div desde jquery

creo que es por ponerle draggable al prepend
Código:
$("#suelta21").prepend(insertar).draggable();
Lo que no se es como darle el atributo draggable a la parte de div que quiero meter...
  #3 (permalink)  
Antiguo 30/05/2013, 03:09
 
Fecha de Ingreso: abril-2013
Mensajes: 16
Antigüedad: 11 años
Puntos: 0
Respuesta: Añadir codigo html a div desde jquery

apañao
Código:
$("#suelta21").prepend(insertar).children().draggable();

Etiquetas: html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:50.