Hola a todos:
Tengo una tabla con varios enlaces:
<td><a class="efectoboton" href="sitio.php?id=1">Eliminar</a></td>
<td><a class="efectoboton" href="sitio.php?id=2">Eliminar</a></td>
<td><a class="efectoboton" href="sitio.php?id=3">Eliminar</a></td>
Lo que quiero que haga es poder eliminar el contenido de una base de datos de acuerdo al valor del id (sitio.php?id=1).
Al dar clic en el enlace, aparece el div advertencia, este contiene 2 botones, si y no. al hacer clic en No, se oculta el div. pero al hacer clic en "Si", se debe de borrar los datos por ajax. pero antes de hacer esto ultimo, estoy probando que el id sea el correcto.
Código HTML:
<div id="advertencia" class="ocultar"><b>¿ Realmente quiere Eliminarlo ?</b><br />
<span id="no" class="no">NO</span>
<span id="si" class="si">sí</span>
</div>
Al hacer clic por primera vez, en el boton "Si", en el alert aparece correctamente el id que se debe eliminar, pero en la segunda vez, aparece el id anterior y el id reciente, si son tres veces, el alert aparece tres veces, etc., es decir toma los valores anteriores y el actual.
Me gustaria saber
¿cómo puedo modificar el código para que no repita los id anteriores.? Código HTML:
<script type="text/javascript">
$(document).ready(function(){
$(".efectoboton a").bind('click',function(){
//al hacer clic sobre el enlace se muestra una capa oculta
// con los botones Si y No
$("#advertencia").addClass('mostrar');
//Obtenemos la url del enlace
var url = $(this).attr('href');
var numero= url.split('id=');
var id=numero[1]; //obtenemos el numero del id
//al hacer clic en No, ocultamos de nuevo la capa de advertencia.
$("#advertencia #no").bind('click',function(){
$("#advertencia").removeClass('mostrar');
});
//al hacer clic en Si,
$("#advertencia #si").bind('click',function(){
alert(id); //Mostramos el id /*** Se muestra varias veces ***/
/* Procedimiento para eliminar de la DB
*/
//ocultamos de nuevo la capa de advertencia
$("#advertencia").removeClass('mostrar');
return false;
});
return false;
})
});
</script>