Abrir popup de un checkbox javascript. Este código aunque es un poco inusual crear una función en JavaScript para que nos muestre una ventana tipo popup ya sea para configurar una opción en el módulo de nuestro proyecto o sino nuestra página web para mostrar información.
En un desarrollo de un software un cliente me pidió abrir un popup para dar paso a un login y mostrar más información de un módulo de rango de fechas, con esto limitaba a la secretaria de ver solo dos meses en el rango de fechas, si la secretaria deseaba más información de meses anteriores debería de dar clic en un chekbox html y abrir un popup para ingresar una credencial, con esto se abría una ventana donde podía consultar desde 6 meses anteriores en rango de fechas de alumnos inscritos, con permiso del supervisor de área.
Abrir popup de un checkbox javascript
Buscando no encontré nada parecido pero obteniendo información de colegas pude crear un script capaz de hacer esto reuniendo las ideas de mis colegas.
Y aquí les muestro el código final que me ayudaron a lograr mi objetivo, ahora comparto esta información con todos.
<script type = "text/javascript">
var count = 0;
function nuevapagina(page) {
if (count == 0) { //en linea
count ++;
OpenWin = this.open(page,"CtrlWindow","top=80,left=100,screenX=100,screenY=80,width=550,height=460,toolbar=no,menubar=no,location=no, scrollbars=no,resizable=yes");
}
function closepop() {if (OpenWin != null) OpenWin.close() }
window.onunload = closepop;
}
</script>
Aqui el código HTML de insercion de id de la funcion JavaScript
<input type = "checkbox" name = "check1" id = "check1"
onclick = "nuevapagina('mi pagina.php')">
Codigo Final
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Abrir Popup Con Checkbok Javascript</title>
<script type = "text/javascript">
var count = 0;
function nuevapagina(page) {
if (count == 0) { //en linea
count ++;
OpenWin = this.open(page,"CtrlWindow","top=80,left=100,screenX=100,screenY=80,width=550,height=460,toolbar=no,menubar=no,location=no, scrollbars=no,resizable=yes");
}
function closepop() {if (OpenWin != null) OpenWin.close() }
window.onunload = closepop;
}
</script>
</head>
<body>
<form action="#" method="post">
<input type = "checkbox" name = "check1" id = "check1" onclick = "nuevapagina('regresiva.php')">
</form>
</body>
</html>
Espero les aya servido este script, gracias por la atencion prestada.
