Buen día.
Tengo una pregunta y una duda, el detalle es el siguiente:
Estoy realizando un mensaje popup personalizado con dos botones "si" y "no". Lo que intento realizar es que este popup me devuelva una respuesta true
o false
de acuerdo al botón que se presione.
Tengo una función que me construye el popup y crea los eventos click
de estos botones, ademas crea una variable donde la función retornará true
o false
. Ahora, el problema es que este popup lo activo desde el evento clic
de un botón aparte, el evento se dispara y se activa la función que crea el popup pero ahí termina el evento.
Cuando le doy clic a los botones del popup disparan sus propios eventos y se pierde el hilo del evento anterior, pero del lado del evento del botón que abrió el popup esta una variable esperando la respuesta del mensaje pero al perder el hilo no hace nada.
Hay alguna manera de lograr esto, de regresar al evento click del botón que creo el popup para tomar la respuesta de este o es algo que no se puede lograr.
No se si me dejo entender, es un poco complicado explicar eso, y ahora imagínense buscar ayuda sobre esto en internet.
PD: Estoy realizando esto en JQuery.
$("#next-wizard").on("click", function(){
var div_active = $(".active");
if(validate_step(div_active)){
response_msg = msg_box_popup("¿cual es tu respuesta?");
if(response_msg == true){
//hago algo.
}else{
//hago algo tambien.
}
}
});
function msg_box_popup(txt_msg){
var response = true;
var msg_box = $(".msg-box");
msg_box.parent().removeClass("hidden");
msg_box.find(".text-msg .msg").html(txt_msg);
msg_box.find("#btn_accept").on("click",function(){
response = true;
msg_box.parent().addClass("hidden");
});
msg_box.find("#btn_deneg").on("click",function(){
response = false;
msg_box.parent().addClass("hidden");
});
return response;
}