en una lista que se carga dinamicamente coloque un boton que da la posibilidad a realizar una accion, antes de realizar esta accion se abre un popups consultado si realmente desea hacerlo y hasta ahi todo bien, el problema es que si le das cancelar y seleccionas otro registro de la lista queda cargado el anterior y el nuevo, aqui les pongo el codigo a ver si me entienden, el tema seria como hago para ke cada vez que hacer clic en el registro solo quede ese y no el historial de registros.
listado.js
Código Javascript :
$("#resultado").on("click", ".desBTN", function(){
var cadena;
cadena = this.id;
$('#mensajeAyuda').fadeIn(200);
$('.popup-overlay').fadeIn(200);
$('.popup-overlay').height($(window).height());
dialogo(cadena);
return false;
});
$('#close1').click(function(){
$('#mensajeAyuda').fadeOut(300);
$('.popup-overlay').fadeOut(300);
return false;
});
function dialogo(cadena){
var contenido, mensaje;
contenido = cadena.split("_");
if(contenido[0] == 'desactivar'){
mensaje = '<img src="imagen/consulta.png" style="vertical-align:middle; " width="28" height="28" alt=""/><br>pregunta...'
}else if(contenido[0] == 'reactivar'){
mensaje = '<img src="imagen/consulta.png" style="vertical-align:middle; " width="28" height="28" alt=""/><br>pregunta...';
}else{
mensaje = '<img src="imagen/alerta.png" style="vertical-align:middle; " width="28" height="28" alt=""/><br>Ocurrio un error al intentar realizar la operacion<br>Por favor reintentalo mas tarde';
}
$("#advertencia").html(mensaje);
$("#advertenciaH2").html(contenido[0]);
$("#aceptar").on("click", function(){
alert(contenido[0]+" "+contenido[1]); // aqui es donde queda guardado los click anteriores
});
$("#cancelar").on("click", function(){
$('#mensajeAyuda').fadeOut(300);
$('.popup-overlay').fadeOut(300);
return false;
});
}
//////////////////////////////
listado.php
Código PHP :
<?
$usuario = $_SESSION['usuarioSes'];
$sql = "SELECT *, DATE_FORMAT(fecha, '%d/%m/%Y') AS fechaInicia, DATE_FORMAT(ultimaVisita, '%H:%i:%s - %d/%m/%Y') AS fechaVisita FROM venta WHERE usuario ='".$usuario."' AND estado ='act'";
if($rs = $mysqli->query($sql)){
echo '<table width="100%" bgcolor="#F8F1E0">
<thead>
<tr align="left" bgcolor="#D4D4D4">
<th>Fecha de inicio</th><th>Visitas</th><th>Ultima visita</th><th>Rubro</th><th>Titulo</th><th align="center">Desactivar</th>
</tr>
</thead><tbody>';
while($row = $rs->fetch_assoc()){
echo '<tr class="mouseTr" align="left">
<td>'.$row['fechaInicia'].'</td><td>'.$row['visitas'].'</td><td>'.$row['fechaVisita'].'</td><td>'.$row['rubro'].'</td><td>'.$row['titulo'].'</td><td align="center"><img src="imagen/modifica.png" alt="Desactivar" width="25" height="25" style="vertical-align:middle; cursor: pointer;" id="desactivar_'.$row['id'].'" class="desBTN"/></td>
</tr>';
}
echo '</tbody></table>';
}else{
echo 'error'.$mysqli->error;
}
?>Código HTML :
<!-- MENSAJE DE AYUDA --> <div id="mensajeAyuda" class="mensajePopup"> <div class="content-popup"> <div class="close"> <a href="#" id="close1"><img src="imagen/close.png" width="28" height="28"/></a> </div> <h2 id="advertenciaH2"></h2> <div id="advertencia" style="margin:5px; padding:5px; width:90%; height:80%; text-align:center; color:rgba(176,176,176,1.00); font-family: 'Roboto Condensed', sans-serif; font-size:18px;"> </div> <hr width="100%" color="#FF8E00" /> <div style=" text-align:center; margin:0 auto; padding:0;"> <input type="submit" class="menuChicoLi" id="aceptar" value="Aceptar"/> <input type="submit" class="menuChicoLi" id="cancelar" value="Cancelar" /> </div> </div> </div> <!-- FIN MENSAJE DE AYUDA -->
