Deshabilitar un elemento del formulario con Prototype

13/Sep/2009 Prototype , , , , , Deja un comentario

Prototype nos permite manejar elementos de la página web de una forma muy sencilla. Es por ello que nos es muy útil cuando interactuamos con formularios. En este ejemplo vamos a ver como podemos deshabilitar un elemento del formulario. Sin necesidad de deshabilitar todo el formulario, cosa que ya vimos en el pasado.

Lo primero que tenemos que hacer es cargar la librería de Prototype:

Ahora que tenemos cargada la librería de Prototype pasaremos a crear un formulario. Este será sencillo. Una de las cosas sobre las que tenemos que prestar atención es el dar ID a los elementos del formulario. Ya que el código de Prototype se apoyará en dichos ID.

Veamos como será nuestro formulario:



Hombre Mujer

En concreto vamos a deshabilitar el campo ‘apellido’. Así que será este el ID que manejemos.

El código de Prototype que nos permite deshabilitar un elemento del formulario utilizará el objeto Form.Element y en concreto el método .disable() (o .enable() si queremos volver a habilitar el elemento del formulario). Así que crearemos un botón que nos permita lanzar dicho código.

Como podéis comprobar es un código realmente sencillo.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*