Tecnología

Inicio

Cómo: Para HTML JavaScript Casilla de entrada en Mozilla

January 15

Hay dos partes de una casilla de verificación página web. Debe colocar la casilla de verificación en la página en el HTML, pero después de hacer eso, usted tiene que crear una función de JavaScript que controla la caja. Esto comprueba si la caja estaba marcada o no y procede en consecuencia. Si necesita un usuario para marcar una casilla (por ejemplo, para aceptar un acuerdo de licencia), puede aparecer una alerta si no lo hace. Si acepta, ya sea de respuesta (por ejemplo, una encuesta), puede llevarlo a diferentes páginas dependiendo de si se comprueba la caja o no. Los usuarios de Mozilla Composer pueden hacerlo desde una sola página.

Instrucciones

1 Abra su código de página web en Mozilla Composer. Para ello Compositor así, sólo tiene que abrir desde el escritorio o el menú Inicio, a continuación, seleccione "Abrir" en el menú "Archivo". Encuentra el código y haga clic en "Abrir".

2 Agregue el siguiente en la sección de "cabeza" del HTML:

<Script type = "text / javascript">

<! -

Nombre de la función () {

si (== document.myform.box1.checked verdadera)

{ACTIONCHECKED;}

si (document.myform.box1.checked == false)

{ACTIONUNCHECKED;}

}

// ->

</ Script>

3 Reemplazar "NOMBRE" con el nombre de la función (como se ha definido en el código HTML).

4 Reemplazar "ACTIONCHECKED" con la acción JavaScript para tomar si la casilla está marcada. Por ejemplo, puede mostrar una alerta de web utilizando la línea "alert ( 'marcó esta casilla')." O bien, podría llevarlos a una determinada página web utilizando la línea "window.location =" http: //www.websitecom "."

5 Reemplazar "ACTIONUNCHECKED" con la acción JavaScript para tomar si la caja no está marcada.

6 Añadir códigos para las otras casillas de verificación (si tiene más de uno) mediante la adición de estas cuatro líneas para cada cuadro, y editarlas en consecuencia. Reemplazar "#" con el número de la caja (2, 3, 4, etc.).

si (document.myform.box # .checked == true)

{ACTIONCHECKED;}

si (document.myform.box # .checked == false)

{ACTIONUNCHECKED;}

7 Guardar el código haciendo clic en "Guardar" en la parte superior de la ventana de Mozilla Composer.