Gradiente lineal vertical Enero 28, 2008
Publicado por lineadecodigo en : SVG , Añadir un comenario
Un gradiente lineal es una transición de colores a lo largo de un vector. Normalmente de dos colores, aunque puede ser de tantos como queramos.
Cuando dibujamos gradientes lineales, estos, pueden ser de tres formas:
- Horizontales
- Verticales
- Angulares
Scrollbars y Elipse Enero 23, 2008
Publicado por lineadecodigo en : Java , Añadir un comenarioPor los emails recibidos parece que este ejemplo es solicitado en muchas Universidades y centros de enseñanza para el manejo de eventos y scrollbars en Java y con AWT.
Este ejercicio consiste en crear un applet que contenga dos barras de desplazamiento (una vertical y otra horizontal) y una elipse en el área gráfica. Dependiendo del movimiento de las scrollbars, la elipse irá cambiando de tamaño. El cambio de su tamaño será directamente proporcional con el valor de las scrollbars.
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:
Crear estilos CSS on-line Enero 21, 2008
Publicado por lineadecodigo en : CSS, JavaScript , Hasta ahora 1 comentarioEn un procedimiento de diseño estándar lo más normal es que al mismo tiempo que definimos cómo será nuestra página vamos creando nuestras hojas de estilo CSS. De tal manera, cada vez que se realice una petición sobre la página, se descargue la hoja de estilos asociada.
Si bien, manipulando el DOM de la página podemos conseguir unos efectos interesantes, ya que podemos crear estilos CSS on-line.
getElementsByName Enero 20, 2008
Publicado por lineadecodigo en : JavaScript , Añadir un comenarioJunto con getElementByID, posiblemente getElementsByName sea uno de los métodos más utilizados para manipular un árbol DOM dentro de JavaScript. El método getElementsByName nos permite el acceder una lista de elementos, los cuales tengan el nombre pasado por parámetro.
Aquí nos preguntaremos acerca de que elementos dentro de una página web pueden tener el mismo nombre. Ya que hay que recordar que los ID son únicos y por lo tanto hacen referencia a un único elemento. La verdad es que, por poder, podemos tener los elementos que queramos: capas, botones, formularios,... Si bien, un ejemplo de uso podría ser una lista de checkbox. Podemos tener un conjunto de elementos seleccionables, con diferente ID, pero con el mismo nombre. Esto nos permitirá acceder a dicha lista.
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.
Obtener el dominio de la URL con JavaScript Enero 18, 2008
Publicado por lineadecodigo en : JavaScript , Hasta ahora 1 comentarioDentro de la URL es Host suele estar compuesto por el nombre del dominio, el servicio y el tipo de dominio que es. Así si tomamos como ejemplo a "http://www.lineadecodigo.com" veremos que el servicio es "www", el nombre "lineadecodigo" y el tipo de dominio ".com".
Mediante JavaScript podemos obtener la información del dominio de una forma muy sencilla. Para ello utilizaremos el objeto document y su propiedad domain.
Circulo con gradiente lineal Enero 17, 2008
Publicado por lineadecodigo en : SVG , Hasta ahora 1 comentarioUn gradiente lineal es una variación de color entre dos puntos de forma linear. Aunque, estoy seguro que la palabra gradiente tendrá múltiples interpretaciones dependiendo del área donde lo apliquemos, aquí vamos a ver como lo trata el lenguaje SVG.
Pongámonos manos a la obra. El ejemplo intenta mostrar como hacer un gradiente linear que pase del rojo al naranja dentro de un circulo.
Lo primero de todo y la clave de nuestro ejemplo será definir el gradiente que vamos a utilizar. Ya que posteriormente, dicho gradiente, lo aplicaremos sobre el circulo.
Obtener la fecha en un JSP Enero 16, 2008
Publicado por lineadecodigo en : Java , Hasta ahora 1 comentarioUna de las cosas más frecuentes de las páginas dinámicas es que te muestren la fecha actual. Algunas incluso te muestran un saludo dependiendo del día de la semana o el mes en el que te encuentres. Todo un derroche de ingenio 
En las primeras versiones el manejo de fechas pasaba exclusivamente por el uso de la clase java.util.Date, pero a partir de la versión JDK 1.1 fueron añadidas nuevas funcionalidades en otras clases de apoyo como Calendar, TimeZone, Locale y DateFormat y descargando de funcionalidad a la clase Date, si bien, sigue siendo la clase base para el uso de fechas.
Para marcar un limite entre las dos clases podríamos decir que Date representa un momento especifico del tiempo en milisegundos, mientras que Calendar nos permite obtener número enteros que especifican el dia, mes, año, hora,... de dicha fecha. Es decir, lo que eran los antiguos metodos de .getDay(), .getMonth(),....
Transparencia y Opacidad en SVG Enero 15, 2008
Publicado por lineadecodigo en : SVG , Añadir un comenarioEl objetivo de este ejemplo es ver cómo podemos definir objetos que sean transparentes en SVG. Para ello crearemos tres círculos y una línea que los atraviese.Dichos círculos irán aumentando su nivel de transparencia. Es decir, el primero será el más opaco y el último circulo será el más transparente.
Lo primero es recordar cómo se define un circulo. Para ello, es recomendable la lectura del ejemplo Dibujar un Circulo en SVG. Pero, básicamente, consiste en utilizar la etiqueta <CIRCLE/> con más o menos atributos.