¿Cuantos formularios hay en mi página? Febrero 27, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioLos formularios son los elementos HTML que nos permiten recoger información del usuario y enviarla a un servidor. Los formularios pueden contener elementos gráficos o simplemente contener la información para en envío de datos y permanecer ocultos.
Los formularios forman parte de la estructura de la página y por lo tanto del DOM. Esto nos abre la posibilidad de acceder a ellos, modificar su información,... y como en este ejemplo, simplemente conocer cuantos formularios componen nuestra página.
Coordenadas del ratón con JavaScript Febrero 10, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioEn este ejemplo vamos a ver como podemos conocer las coordenadas del ratón con JavaScript. Para ello, el ejemplo consistirá en volcar sobre dos campos de entrada de un formulario los valores de las coordenadas X,Y donde se encuentra posicionado el puntero del ratón.
Lo primero que hacemos es crear el formulario. Esto no debería de suponernos muchos problemas:
Buscar en la lista Febrero 4, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioLa idea de este ejemplo es realizar una búsqueda sobre un listado de datos (presente en una lista de un formulario) partiendo de una entrada que va el usuario tecleando paulatinamente. Por ejemplo si partimos del siguiente listado de deportes
'Atletismo ', 'Aerobic', 'Balonmano', 'Beisbol', 'Badminton', 'Baloncesto', 'Footing', 'Fútbol', 'Gimnasia', 'Voleibol'
Si el usuario teclea una A o a debería de filtrar por todos aquellos deportes que empiecen por dicha letra, quedándonos...
'Atletismo ','Aerobic'
si posteriormente el usuario teclea una E o e, se filtraría por aquellos deportes que empezasen por AE, quedándonos...
'Aerobic'
Posicionar el lugar de error en wForms Diciembre 11, 2007
Publicado por lineadecodigo en : wForms , Añadir un comenarioSi utilizamos wForms veremos que los mensajes de error siempre se posicionan debajo del campo del formulario que ha generado el error. Si bien, de una forma muy sencilla podremos definir donde queremos que salga el error.
Lo más normal es que el error se muestre cerca del campo que ha generado el error para, de esta forma, ayudar al usuario a localizar el campo y corregir el error. Si bien, en ciertos casos, piden a los programadores que los errores se sitúen en sitios insospechados.
Por ejemplo, si tenemos un formulario que pida un nombre y una edad, podríamos querer mostrar el error, siempre, en la parte inferior, entre el último campo y el botón de envío.
Personalizar mensajes de error en wForms Diciembre 9, 2007
Publicado por lineadecodigo en : wForms , Añadir un comenarioSi no configuramos nada de wForms, los mensajes tienen un comportamiento predeterminado. Este comportamiento es que los mensajes salen justamente debajo del elemento del formulario que ha generado el error y un popup que indica el número de errores que hay en total.
Además el texto de los mensajes es en inglés.
Pero mediante código JavaScript podemos personalizar el comportamiento de los mensajes de error. Para ello podemos alterar tres cosas:
Deshabilitar el popup de error en wForms Diciembre 6, 2007
Publicado por lineadecodigo en : wForms , Añadir un comenarioSi habéis trabajado con wForms para las validaciones en formularios, habréis visto que por defecto, al realizar la validación muestra un popup con los errores que se han producido, o bien con el mensaje de error que le hayamos definido en la propiedad errMsg_notification.
Borrado de campos en XForms Noviembre 25, 2007
Publicado por lineadecodigo en : XForms , Añadir un comenarioHace ya tiempo, cuando aprendí a construir formularios con HTML, me hacía mucha gracia que todos los formularios que veía por Internet tenían dos botones. El primero era el que realizaba el envío de la información, mientras que el segundo te borraba el contenido de todo el formulario.
Esta claro que no voy a cuestionar la utilidad de los dos botones, ya que útiles son. Pero quién no le ha dado al botón de borrar en vez de enviar, cuando realmente lo que quería era enviar y no borrar. Seguro que a todos nos ha pasado alguna vez y nos hemos visto en la tesitura de volver a introducir todos los datos.
Mi primer formulario XForms Noviembre 24, 2007
Publicado por lineadecodigo en : XForms , Hasta ahora 1 comentarioXForms, otra tecnología X*. Un amigo mío dice, en broma, que toda tecnología que evoluciona el W3C le pega la X. Ya lo hizo al evolucionar su HTML al XHTML, las Querys al XQuery y claro está los formularios (Form) a XForms. Vamos, que podríamos decir que estamos delante de una verdadera generación X.
Validaciones personalizadas con wForms Noviembre 20, 2007
Publicado por lineadecodigo en : wForms , 3 comentariosJunto con wForms vienen predefinidas las validaciones básicas: números, fechas, direcciones de email,... pero wForms también nos da la posibilidad de hacer validaciones personalizadas.
En nuestro ejemplo vamos a definir dos validaciones. La primera será la de un código postal. La validación comprobará que sea un dígito de 5 números. La segunda validación comprobará que el texto introducido sea M o F. Intentando representar el concepto de texto.
Todos los campos del formulario obligatorios Octubre 28, 2007
Publicado por lineadecodigo en : wForms , Añadir un comenarioDe una forma muy sencilla y utilizando wForms haremos que un conjunto de campos de un formulario se conviertan en obligatorios.
En el artículo Campos obligatorios de un formulario con wForms podíamos ver como conseguir que un campo fuese obligatorio, indicándoselo directamente al campo. En este caso haremos que un conjunto de elementos de un formulario sean obligatorios.