[SOLUCIONADO] saber el id de un elemento dentro de droppable

Vecinito87 · #1 (**permalink**) 25/10/2012, 10:50

Hola amigos estoy utilizando jquery y creando una papelera donde poder soltar divs,
cuando un div es soltado en la papelera debe de ser eliminado, el problema es que no se cual es el div que debo eliminar puesto que no se su id desde dentro de la función droppable, cuando uso this.id lo que obtengo es el id de la papelera, pero no el de el div a eliminar.

aqui dejo el código, gracias de antemano

Código HTML:

 <script>
		  $(document).ready(function() {
			$(".draggable").draggable({ revert: true });
			$(".droppable").droppable({
			  drop: function() {
				confirmar=confirm("¿Desea eliminar el elemento?");
				if (confirmar){
				document.getElementById("papvacia").style.display="inline";
				document.getElementById("papllena").style.display="none";
				$(".draggable").remove(); //se eliminan todos y solo quiero uno el que esta utilizando el drag
				}
			  }
			});
		  });
		</script>

	</head>

	<body>
		<div id="titulo">				
			<h1>Ejercicio 3 (Drag and Drop)</h1>
		</div>
		
		<div id="cuerpo" >
			<img id="papvacia" class="droppable" src="papelera1.png" alt="Papelera1" style="display:none">
			<img id="papllena" class="droppable" src="papelera.png" alt="Papelera2" style="display:inline">
			<br/>
			<div id="uno" class="draggable">Uno</div>
			<div id="dos" class="draggable">Dos</div>
			<div id="tres" class="draggable">Tres</div>
		</div>
		
	</body>

hay dos imágenes una papelera vacía para cuando no he eliminado y otra llena para cuando he eliminado algún objeto

chichote · #2 (**permalink**) 26/10/2012, 07:20

prueba con $(this).attr("id");

Saludos.

quike88 · #3 (**permalink**) 26/10/2012, 09:22

Hola,

¿Revisaste la documentación?

Quizás algo así te pueda servir:

Código Javascript:

Ver original$(".droppable").droppable({
     drop: function(event, ui) {
               $(ui.draggable).remove();
           }
});

un saludo!