Terra | Tecnología › Optimizá la interacción con los usuarios> 22-1-2001

Argentina

Central de usuarios

Contacto

Terra, tu página de inicio

Aviso legal

Política de Privacidad


	› Terra › Tecnología ›

Buscar en el canal

Envianos un email

Newsletters

Usuario:
Password:
Reciba en su correo: › Noticias, informes, tutoriales y recomendaciones (viernes) › Las noticias de Wired (de lunes a viernes) › Los mejores downloads (lunes)

Chat

Ingresá al chat de Tecnología
Nick:

Para seguir con tecnología

› Downloads

Descargá tus programas preferidos

› Nuevo canal Tecnología

Más secciones, nuevo diseño y mucho más.

› Webmonkey

Tutoriales para construir sitios web.

Otras coberturas

› El Retorno del Rey

Backstages, personajes, imágenes y wallpapers.

Guía de JavaScript - 4ta. entrega
Optimizá la interacción con los usuarios
Ya sabés como interactuar con los formularios. Ahora, es momento de maximizar la utilidad de JavaScript. En la cuarta entrega de este tutorial, cómo manejar checkboxes, listas, comboboxes. Además, que son los arrays, el último concepto clave de programación en JavaScript.

+ ampliar imagen

Cuarta entrega del tutorial de JavaScript

En la entrega anterior vimos cómo interactuar con los formularios, una de las mejores formas para comunicarse con el usuario, y tres conceptos esenciales dentro de JavaScript: los eventos, los objetos y las funciones.

Ahora que ya manejamos bien esos conceptos (si no los recordás bien,repasá el tutorial anterior) es un buen momento para elevar al máximo la utilidad de Javascript y lograr aún mayor interactividad.

Vamos a aprender a utilizar los checkboxes (casillas de verificación), los comboboxes y las listas. En estos últimos podemos seleccionar entre varios ítems, uno o varios, dependiendo de cómo lo hayamos declarado anteriormente.

Utilizando el lenguaje de script vamos a saber que ítem está seleccionado, cambiar la selección, generar condiciones dependiendo de esto, etc. Es que, como vimos, todos los componentes de los formularios se pueden manejar a traves de Javascript.

Pero antes, una función que puede resultar muy útil a la hora de mejorar la comunicación con los usuarios.

Mejor confirmar que curar

Cualquier usuario puede cometer errores cuando llena un formulario. A veces, carecen de importancia, pero si se trata de datos relevantes, siempre es preferible darle una opción para que puedan retractarse -si es que da cuenta de la equivocación- y borrar o modificar lo que escribió.

Con la función Confirm se genera una pregunta que da lugar a dos opciones: "Continuar" o "Cancelar", como un "sí" o un "no":

if (confirm("¿Esta seguro?")){
// Si toca aceptar se ejecuta eso (el valor que el confirm devuelve es true)
}else{
// Si toca cancelar se ejecuta eso (el valor que el confirm devuelve es false).
}

Veamos un ejemplo:

Presionen aquí para ver el ejemplo

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
function borrar() {
return window.confirm("Desea borrar el formulario?") // Pregunta, si devuelve false no borra nada
} function mandar() {
return window.confirm("Desea enviar el mail?") // Pregunta, si devuelve false no envía el mail

}
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD="POST" ACTION="mailto:hola@hotmail.com" onReset="return borrar()" onSubmit="return mandar()">
Nombre:<INPUT TYPE="text" NAME="Nombre">

Apelido:<INPUT TYPE="text" NAME="Apellido">

Direccion:<INPUT TYPE="text" NAME="Direccion">

Ciudad:<INPUT TYPE="text" NAME="Ciudad">

<INPUT TYPE="radio" NAME="Sexo" CHECKED>Hombre
<INPUT TYPE="radio" NAME="Sexo">Mujer

<INPUT TYPE="reset" value="Borrar">
<INPUT TYPE="submit" value="Enviar">
</FORM>
</BODY>
</HTML>

Próxima página » Cómo manejar un checkbox

Terra /

Comentarios publicados
Los mensajes publicados por los usuarios no sufren revisión ortográfica o de redacción alguna. Ver reglamento de aprobación.
Mensajes publicados en esta nota: 1
Sabes, ocupo el codigo en la pagina y no me funcio...(Hermogenes)