Campos obligatorios en JavaScript Abril 17, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioLa obligatoriedad de los campos del formulario dependerá del tipo de campo que estemos utilizando. Así, la obligatoriedad de un campo de texto puede ser desde que tenga algún valor, hasta que su formato sea uno específico. Si hablamos de campos de selección o en un combo puede ser que esté alguna de las opciones marcada. Así con todos los tipos de elementos del formulario.
Contar caracteres on-line Marzo 25, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioVas a mandar un SMS y solo puedes enviar 150 caracteres. La aplicación a ofrecer al usuario nos va mostrando el número de caracteres que van escritos. Es una ayuda del interface de usuario, haciéndole más usable.
Este simple interface le podemos lograr mediante un área de texto y un poco de código JavaScript.
Obtener cabeceras con XMLHttpRequest Marzo 24, 2008
Publicado por lineadecodigo en : AJAX , Añadir un comenarioSi tenemos que describir la Web 2.0 estoy seguro que no podríamos obviar la palabra AJAX. Y es que podríamos decir que la Web 2.0 se sustenta sobre un modelo tecnológico asíncrono, el cual, mediante peticiones/respuesta para regenerar parte de la página busca dar un efecto de mayor velocidad al usuario final. Al menos, mayor que la recarga entera de la página. "Pure AJAX".
Y si hablamos de AJAX tenemos que hablar del objeto XMLHttpRequest, sobre el cual nos apoyamos para realizar las peticiones asíncronas desde la página web.
Una de las posibilidades que nos ofrece este objeto es la de conocer la información de la cabecera http. Para ello tenemos los métodos .getAllResponseHeaders() o .getResponseHeader(etiqueta). El primero nos dará toda la información de la cabecera y el segundo nos permitirá ir a buscar un valor en concreto.
Contar caracteres y palabras en JavaScript Marzo 5, 2008
Publicado por lineadecodigo en : JavaScript , 3 comentariosCuando ofrecemos un área de texto puede darse el caso que tengamos un límite de los caracteres a ser introducidos. En este caso sería bueno el irle ofreciendo al usuario el número de caracteres que se han insertado, y de paso las palabras.
Lo primero que vamos a hacer es crear un área de texto en HTML mediante el elemento TEXTAREA.
Cambiar el contenido de una capa con JavaScript Marzo 3, 2008
Publicado por lineadecodigo en : JavaScript , 3 comentariosRaro sería encontrarnos una nueva página que no estuviese diseñada basada en capas y lo estuviese en tablas como se diseñaba tiempo atrás.
Y es que las capas conjunto con las hojas de estilo CSS son la base de toda página web con un buen diseño.
Es por ello que el saber como cambiar el contenido de una capa, completará los diseños permitiendo el dinamismo sobre la misma.
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:
Contar checkbox activos con JavaScript Febrero 8, 2008
Publicado por lineadecodigo en : JavaScript , Hasta ahora 1 comentarioAcceder a la información almacenada en el DOM de nuestra página nos sirve para llevar a cabo ejemplos como este. En este caso, el ejemplo consiste en contar los checkbox que hay seleccionados dentro de un formulario.
Un caso práctico será el controlar que el usuario ha marcado un número de opciones en concreto dentro de un formulario. Es decir, que si no ha seleccionado más de 3 opciones, no pueda enviar el formulario.
En nuestro caso vamos a tener un formulario con 10 checkbox y un botón.
Abrir una ventana de información en Google Maps Enero 22, 2008
Publicado por lineadecodigo en : Google , Añadir un comenarioUna de las cosas que podemos hacer sobre los mapas de Google Maps es abrir una ventana de información. Esta nos servirá para dar información adicional sobre el punto localizado.
Para ello el propio objeto GMap2 nos ofrece un método llamado openInfoWindow. Lo primero que tenemos que hacer es cargar el API de Google Maps. Para ello utilizamos el siguiente código JavaScript:
Quitar el foco de un elemento Enero 19, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioSi revisamos los eventos JavaScript que se pueden producir en un navegador comprobamos que existe el onBlur. El evento onBlur se produce cuando se pierde el foco sobre algún elemento. Es decir, si por ejemplo estamos en un campo de un formulario y nos movemos a otro campo, en ese momento, el campo del formulario lanza el evento onBlur.
Una vez que se produce el evento onBlur, podemos capturarle y ejecutar el código que necesitemos.
Saber que evento se ha producido Enero 2, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioEl lenguaje JavaScript basa una gran parte de su potencia en el control de eventos. Mediante el cual permite ejecutar todas las operaciones que nos imaginemos dentro de una página web.
Cuando hablamos de eventos nos referimos a los onClick, onMouseOver, onMouseDown,... Cada vez que se produce uno de estos eventos, Javascript busca el método asociado a dicho evento y ejecuta su código. Además proporciona toda la información relativa al evento. Por ejemplo, si hablamos de un click del ratón aporta las coordenadas X e Y donde se ha producido el click.