Portada » Pagina » Abrir popup de un checkbox javascript

Abrir popup de un checkbox javascript

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.

Abrir popup de un checkbox javascript
popup de un checkbox

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuarlo!

Promedio de puntuación 0 / 5. Recuento de votos: 0

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad