Ver Mensaje Individual
  #19 (permalink)  
Antiguo 03/10/2013, 07:02
Avatar de dAvidcA
dAvidcA
 
Fecha de Ingreso: septiembre-2009
Ubicación: /home/dev/
Mensajes: 73
Antigüedad: 14 años, 7 meses
Puntos: 7
Respuesta: Crear planificador de espacios

Cita:
Iniciado por jsusarevalo Ver Mensaje
He conseguido que al pulsar el botón eliminar silla, desaparezca toda la div con el fondo, pero no consigo que solo se elimine la silla. Este es el código:

<script type="text/javascript">
var totalSillas=0;
$("#botonSilla").click(function(){
$("#seccion-elevador").append("<div id='silla"+totalSillas+"' class='silla'></div>");
$("#silla"+totalSillas).resizable().draggable({ containment: "#seccion-elevador", scroll: false });
totalSillas++;
});
</script>

<script type="text/javascript">
$('#btdel').on('click', function(){
$('#seccion-elevador').remove();
});
</script>

También he probado poniendo:

<script type="text/javascript">
$('#btdel').on('click', function(){
$('#silla').remove();
});
</script>

y

<script type="text/javascript">
$('#btdel').on('click', function(){
$("#seccion-elevador").remove("<div id='silla"+totalSillas+"' class='silla'></div>");
});
</script>

Pero no doy con ello.

Gracias!
Hola, tus ideas no están tan descabezadas, aquí las reuno para ayudarte:

Con opción de borrar:http://jsfiddle.net/dAvidcA/k7VKU/3/

* Se agregó en el interior del div de la silla el elemento <div class='sCerrar'>X</div> para cerrar.
* Se agregaron al CSS las clases #fondo .silla .sCerrar y #fondo .silla .sCerrar:hover para hacerlo un poco más "estético".
* Con jQuery se asigna el evento click a la clase sCerrar con instrucción para remover el elemento padre (en este caso el div de la silla): $(this).parent().remove();

Espero ya esté resuelto tu problema y éste ejercicio no te sirva solo a tí sino a mucha más gente.

Saludos.

Última edición por dAvidcA; 03/10/2013 a las 07:09