Entradas

Mostrando entradas de mayo 9, 2012

OnFocus y OnBlur en JavaScript

Imagen
OnFocus : se activa cuando se posiciona en el campo. OnBlur:  se activa cuando deja de posicionar en el campo. Ejemplo: Implementar un formulario que solicite la carga del nombre y la edad de una persona. Cuando el control tome foco borrar el contenido actual, al abandonar el mismo, mostrar un mensaje de alerta si el mismo está vacío. <html> <head></head> <body> <script language="JavaScript"> function vaciar(control) {   control.value=''; } function verificarEntrada(control) {   if (control.value=='')     alert('Debe ingresar datos'); } </script> <form name="form1"> Ingrese su nombre: <input type="text" name="nombre" onFocus="vaciar(this)" onBlur="verificarEntrada(this)"><br> Ingrese su edad: <input type="text" name="edad" onFocus="vaciar(this)" onBlur="verificarEntrada(this)"...
Leer más

Etiqueta TEXAREA en JavaScript

Imagen
Esta etiqueta es muy parecida a la etiqueta TEXT que relativamente se usa en los formularios básicos, excepto a que puede contener más de una linea de escritura, esta etiqueta TEXAREA tiene dos atributos marcados que son rows(filas) y cols(columnas) que nos permite manejar el tamaño del cuadro a emplear. Ejercicio No.1 Solicitar la carga del mail y el curriculum de una persona. Mostrar un mensaje si el curriculum supera los 2000 caracteres. Respuesta: <html> <head> </head> <body> <script language="JavaScript"> function controlarCaracteres() {   if (document.form1.curriculum.value.length>2000)     alert('curriculum muy largo'); else alert('datos correctos'); } </script> <form name="form1"> <textarea name="curriculum" rows="10" cols="50"> </textarea> <br> <input type="button" value="Mostrar" onClick="contro...
Leer más

Etiqueta RADIO en JavaScript

Imagen
El uso de RADIO en Javascript es muy parecido al de SELECT por su funcionalidad de seleccionar una opción entre varias que se disponen en ello. Cual podría ser la diferencia entre estas dos etiquetas, es la forma de emplearlo dentro del código, cuando se emplea RADIO en la parte del name es igual para todos, al contrario de SELECT es diferente el name que se dispone para cada una. Ejercicio No.1 Confeccionar una página que muestre dos objetos de la clase RADIO solicitando que seleccione si es mayor de 18 años o no. Al presionar un botón mostrar que radio está seleccionado. Respuesta: <html> <head> </head> <body> <script language="JavaScript"> function MostrarEdad() { var x, y; x=document.form1.edad[0].checked; y=document.form1.edad[1].checked; if(x) alert('Mayor o igual a 18 años'); else alert('Menor a 18 años'); } </script> <form name="form1"...
Leer más

Etiqueta CHECKBOX en JavaScript

Imagen
La etiqueta CHECKBOX es utilizada para seleccionar más de una opción dentro de alguna pregunta o concepto. Lo que ayuda a tener más de una alternativa. Ejercicio No. 1 Confeccionar una página que muestre tres checkbox que permitan seleccionar los deportes que practica el usuario (Futbol, Basket, Tennis) Mostrar al presionar un botón los deportes que a elegido. <html> <head> </head> <body> <script language="JavaScript">  function Seleccionar() { var contar; contar=0; if(document.deportes.futbol.checked) contar=contar+1; if(document.deportes.basket.checked) contar=contar+1; if(document.deportes.tennis.checked) contar=contar+1; alert('Practica ' +contar+ ' deporte(s)'); } </script> <form name="deportes"> <input type="checkbox" name="futbol">Futbol <br> <input type="checkbox" name="basket"...
Leer más