Taller de Javascript

2.- Apertura y configuración de popups con javascript
Este artículo te enseñará en profundidad como abrir ventanas secundarias y configurar su forma. Entrar

3.- Acceso por clave javascript
Este artículo te explica paso a paso cómo crear un sistema para proteger por clave unas páginas en tu web. Utilizamos Javascript, un lenguaje accesible a todo el mundo. Entrar

4.- Rollover con javascript
Aprende a hacer un efecto de iluminación sobre una imagen al pasar el ratón por encima. Desde un punto de vista práctico, en unos minutos serás capaz de hacerlo tu mismo. Entrar

5.- Navegador dinámico javascript
Te enseñamos con un ejemplo práctico a crear una barra de navegación dinámica con algunas imágenes y Javascript. Entrar

6.- Navegador desplegable
Para aprender en pocos pasos a crear un navegador formado por un menú desplegable. Al seleccionar una opción del menú iremos a una página distinta. Entrar

7.- Navegador desplegable con frames
Es la continuación de la ayuda técnica para crear un menú desplegable. En este caso se realiza una adaptación del script para que pueda ser utilizado en un sitio diseñado con frames Entrar

8.- Texto en movimiento en la barra de estado
Veamos un sencillo script para hacer que se mueva un texto por la barra de estado de nuestro navegador. Entrar

9.- Mostrar capas y ocultar capas con IE 4,5 NS 4
El propósito de este artículo, es hacer que se muestre u oculte una capa cuando se pasa con el ratón por encima de otra. Gracias a esta técnica, las páginas tendrán un aspecto mucho más dinámico. Entrar

10.- Navegador con capas
Aprende a crear un navegador dinámico con capas. Al pasar el ratón por encima de los enlaces aparece una descripción de éstos. Entrar

11.- Reloj en Javascript
Aprendemos a crear un reloj sencillo mediante Javascript y le aplicamos algunas mejoras. Entrar

12.- Scripts distintos para cada navegador
Vemos cómo incluir de una manera sencila una librería de scripts distinta para cada navegador. Entrar

13.- Tamaño de los campos relativo al navegador
Dependiendo del navegador los campos de texto tienen tamaños distintos. Con javascript lo evitamos. Entrar

14.- Estilos distintos para cada navegador
Unos scripts que nos permiten aplicarle estilos distintos a los elementos de la página, en uno de los casos apoyándonos en la tecnología CSS para aumentar la potencia. Entrar

15.- Tabla de colores con Javascript
Una tabla que muestra los colores puros en todas las definiciones. Está construida con Javascript anidando tres bucles. Entrar

16.- Submenú en otra ventana
Hacemos un submenú de opciones que se muestra en una ventana secundaria y ona vez seleccionada la opción del submenú se traspasa a la ventana padre. Entrar

17.- Degradado de color Javascript
Script para conseguir un degradado del color de fondo de la página web. Un ejemplo es simple y otro, más complejo, se adapta a muchos degradados distintos. Entrar

18.- Validar entero en campo de formulario
Script para validar un campo de formulario de manera que sepamos seguro que dentro del campo hay siempre un número entero. Entrar

19.- Ejemplos de funcionamiento de la clase String
Realizamos un par de scripts en Javascript para ilustrar el funcionamiento de algunos métodos y propiedades de la clase String. Entrar

20.- Ejemplo de funcionamiento de Date
Ejercicio realizado para ilustrar el funcionamiento de la clase Date en Javascript. Entrar

21.- Enlace aleatorio Javascript
Creamos un enlace que nos lleva a cualquier URL aleatoriamente, entre varias posibilidades. Entrar

22.- Generación de números aleatorios Javascript
Taller en el que se crea una función para generar números aleatorios en lenguaje Javascript. Entrar

23.- Comprobar si las claves son iguales
En un formulario donde se han escrito dos claves, explicamos como comprobar, utilizando Javascript, que son iguales antes de mandarlas al servidor. Entrar

24.- Ej. trabajo con formularios. Calculadora sencilla
Vamos a ver un ejemplo del trabajo con formularios en el que desarrollaremos una calculadora sencilla. Entrar

25.- Enviar al navegador a otra página si no tiene Javascript
Una técnica por la que podemos dirigir al navegador a otra página en el caso de que no soporte scripts en Javascript. Entrar

26.- Confirmación de envío de formulario
Script en Javascript para que el usuario acepte o cancele el envío de un formulario cuando se apreta el botón de enviar. Entrar

27.- Javascript para posicionarse en un select
Script en Javascript para posicionarse mediante la pulsación de teclas del teclado dentro de los elementos de un campo select de formulario. Entrar

28.- Inhibir un campo texto de formulario con Javascript
Hacer que un campo de formulario quede deshabilitado, es decir, que no se pueda posarse encima y cambiar su valor. Entrar

29.- Capas con Internet Explorer 5, 6, Netscape 6, 7 y Opera
El manejo de capas se puede complicar mucho por las distintas versiones de los navegadores. Vamos a aprender a simplificar el uso de capas con getElementById(), que funciona en IExplorer 5 en adelante, Netscape 6 en adelante y Opera. Entrar

30.- Mostrar y ocultar capas con IE 5,6 NS 6,7
Explicación y ejemplos sobre la manera de mostrar y ocultar capas con el método getElementById() de Javascript. Entrar

31.- Movimiento de Capas con IE 5,6 NS 6,7
Ejemplo de DHTML, con el cuál podemos crear un movimiento con capas. Entrar

32.- Escritura en las Capas con IE 5, 6, NS 6, 7
Mecanismo y funciones sencillas para escribir dinámicamente texto en una capa. Entrar

33.- Como iluminar tablas, celdas o filas
Curioso efecto conseguido con javascript, que nos permite jugar con la transparencia de cualquier imagen. Entrar

34.- Inhibir radio button con Javascript
Taller de Javascript para deshabilitar botones de radio para que, al pulsarlos, quede siempre marcada la opción por defecto. Entrar

35.- Actualizar dos frames con un solo enlace
Ejemplo de control de frames mediante Javascript en el que, pulsando un solo enlace, se actualizan dos páginas distintas contenidas en dos frames. Entrar

36.- Calcular la edad en Javascript
Realizamos y explicamos una función que recibe una fecha de nacimiento y devuelve el número de años desde la fecha, es decir, la edad. Entrar

37.- Iluminar formularios con CSS y Javascript
Como modificar propiedades de color de fondo de objetos de un formulario al pasar el ratón por encima. Entrar

38.- Autozoom de texto con Javascript
Este es un ejemplo de efecto de texto que se puede hacer en DHTML utilizando Javascript. El texto aumenta y reduce su tamaño automáticamente. Entrar

39.- Javascript para evitar que la página se muestre en un frame
Un sencillo javascript para evitar que nuestra página se muestre dentro de un frame y se muestre en todo el espacio de la ventana. Entrar

40.- Elementos de formulario select asociados
Cómo hacer con Javascript que un elemento de formulario select cambie sus opciones cuando cambie otro elemento select de la página. De modo que cada opción de un select tenga un grupo de opciones posibles para el otro select. Entrar

41.- Cuenta los caracteres escritos en un textarea
Script en Javascript que realiza la cuenta de los caracteres que se han escrito en un campo de formulario textarea, al mismo tiempo que se están escribiendo. Entrar

42.- Otro navegador con capas
Script en Javascript y DHTML para la creación de una barra de navegación como menú dinámico. Entrar

43.- Cargador universal de imágenes
Se presenta un script para cargar imágenes a usar en la página. Entrar

44.- Paso de parametros en HTML con client-side Javascript
Se trata de un sencillo script Javascript para recoger los parámetros que le llegan a una página. Entrar

45.- Recuadro dinámico en Javascript con texto que cambia
Taller de Javascript en el que se realiza un recuadro cuyo texto cambia en cada impresión de la página, con lo que se pueden mostrar distintos mensajes en cada visita. Entrar

46.- Creación de gráficas de barras con Javascript
A partir de la importación de una libreria apropiada, podemos realizar gráficas de barras. Veremos que librería importar y como manipular el código para conseguir nuestro objetivo. Entrar

47.- Juegos en Javascript
Con Javascript se pueden crear juegos, y aunque el lenguaje no se presta precismante a facilitar las cosas, con esfuerzo se puede conseguir un juego "curioso". En este artículo vamos a ver unos ejemplos de juegos. Entrar

48.- Cross-Browser. DHTML compatible con todos los navegadores.
Presentamos un sitio web que ofrece interesantes utilidades para el trabajo con HTML Dinámico de una manera sencilla y compatible con los navegadores más habituales. Entrar

49.- Calcular la letra del DNI en Javascript
Script en lenguaje JavaScript que nos permite calcular la letra del DNI. Entrar

50.- HTML Area. Editor WYSIWYG
Herramienta que permite crear elementos de formulario donde el usuario puede escribir texto con estilos. Entrar

51.- Ocultar un email de un enlace para evitar el spam
Cómo ocultar una dirección de correo, que se pone en el mailto de un enlace, para evitar que sea detectada por los robots que buscan direcciones en webs para enviar spam. Entrar

52.- Validación de un formulario con Javascript
Cómo validar un formulario en una página web, en el lado del cliente con Javascript. Se comprueban todos sus campos y si son correctos, se envía el formulario. Entrar

53.- Función en Javascript para la inserción de fechas
Función para la introducción de fechas con formato dd/mm/aaaa. Entrar

54.- DHTML Calendar
Un script en Javascript muy fácil de utilizar y con un aspecto formidable, que nos servirá para disponer de un calendario para seleccionar un fecha. Entrar

55.- Generar un color aleatorio con Javascript
Ejemplo de función para generar un color aleatoriamente en formato hexadecimal. Entrar

56.- El aprendizaje en Internet
Ejemplo de página interactiva para el aprendizaje por internet. Entrar

57.- Marcar o desmarcar todos los checkbox de un formulario con Javascript
Realizamos función de Javascript para que se puedan seleccionar todos los checkbox o cajas de selección de un formulario a la vez, pulsando un solo enlace. Hacemos también la función para deseleccionar todos los elementos a la vez. Entrar

58.- Inhabilitar el menú contextual del navegador con Javascript
Un script en Javascript para evitar que funcione el menú contextual del navegador, que sale al pulsar con el botón derecho del ratón sobre la página. De modo que no puedan ver el código fuente ni acceder a otras opciones similares. Entrar

59.- Página que cambia aleatoriamente el color de fondo
Cómo hacer que una página cambie de color cada vez que se visita, colocando un color aleatorio y con el texto que contraste para que se pueda leer bien. Entrar

60.- Script de recarga de la página con javascript
Realizamos un script en una página, con Javascript, que hace que se recargue constantemente y asegurando que no se obtiene la página siempre desde la caché. Entrar

61.- Cambiar el color a las celdas de una tabla con Javascript
Vemos un par de métodos para alterar el color de una celda de una tabla con javascript. Entrar

62.- Popups DHTML – OpenPopups
Sistema Javascript para crear popups DHTML, por medio de capas, que no se pueden bloquear por los sistemas de bloqueo de popups. Entrar

63.- Validar la extensión de un archivo a subir con Javascript
Presentamos un script Javascript para realizar la validación de la extensión de un archivo antes de realizar un upload. Entrar

64.- Copiar en el portapapeles con Javascript
Cómo seleccionar un texto y copiarlo en el portapapeles utilizando una función Javascript. Entrar

65.- Esquinas redondeadas con CSS y Javascript, sin imágenes
Comentamos un script que sirve para hacer cajas con las esquinas redondeadas, pero sin necesidad de usar imágenes, sólo con CSS y un poco de Javascript. Entrar

66.- Rotación de banners con Javascript
Un script Javascript para hacer que en un mismo espacio aparezcan rotando varios banner, en un intervalo de tiempo en la misma página. Entrar

67.- Detectar la resolución de la pantalla del usuario con Javascript
Hacemos un script javascript para detectar la resolución de la pantalla del visitante y hacer cosas distintas en función de la definición que tenga. Entrar

68.- Esconder la URL de un enlace en la barra de estado
Como hacer un Javascript para evitar que se muestre la URL en la barra de estado del navegador (status bar) al pasar el ratón por encima de un enlace. Entrar

69.- ¿Como integrar contenido RSS en mí pagina?
Un código muy simple para poder tener contenido RSS en tu página web. Entrar

70.- Hacer que un iframe se ajuste a la altura de una ventana con Javascript
Vamos a definir dinámicamente con javascript el tamaño de un iframe para que se ajustar el marco al espacio disponible en la ventana del navegador. Entrar

71.- ¿Es Ventajoso el uso de ParseInt para validar números?
La utilización del parseInt para validar números en muchos casos no resulta ser la solución más efectiva, debido a que permite la presencia de letras y/o espacios, y el resultado podría no ser el esperado. Entrar

72.- Efecto para inhabilitar/habilitar el fondo de la Página
En este artículo explico como crear un efecto para hacer que se muestre una ventana emergente y que el fondo de la página quede desactivado. Entrar

73.- Validar número de checkbox marcados con Javascript
Un script en Javascript para validar casillas de verificaciónde formularios, para asegurarse que se han marcado un número máximo de checkbox. Entrar

74.- Evitar que un textarea sobrepase un número de caracteres permitidos
Hacemos un script Javascript para controlar que un textarea de un formulario tenga más caracteres de los permitidos. Es decir, que se permita escribir en un textarea hasta que se alcance una longitud del texto dada. Entrar

75.- Definir un archivo de estilos CSS para cada navegador con Javascript
Un script en Javascript que detecta el navegador del visitante y permite enlazar con un archivo distinto de declaraciones de estilos CSS dependiendo del browser del usuario. Entrar

76.- Javascript no intrusivo
Behaviour, es una imprescindible libreria que nos permite programar con javascript de manera mas sencilla Entrar

77.- Control de introducción de caracteres de un campo de texto con Javascript
Podemos impedir con Javascript que los caracteres que el usuario teclea en un campo de texto de un formulario aparezcan. Entrar

78.- Listado de distintos Framework Javascript
Los Framework Javascript y Ajax más conocidos, utilizados para webs 2.0. Entrar

79.- Script para detección de soporte a Ajax, Cookies y ActiveX
Unos scripts del lado del cliente para saber si tu navegador es compatible con Ajax, Cookies y ActiveX. Entrar

80.- Lector RSS con Javascript
Como leer mediante Javascript un feed RSS para publicar los titulares en tu sitio. Lector RSS Javascript. Entrar

81.- Funciones para validación alfanumérica de strings en Javascript
Una serie de funciones de string para validar si un string tiene o no números y caracteres, mayúsculas y minúsculas. Entrar

82.- Script para informar de la seguridad de una clave, con Javascript
Queremos informar al usuario, cuando escribe una clave, sobre el grado de seguridad de la contraseña. Para hacer eso, veamos este sencillo script Javascript. Entrar

83.- Editor de texto WYSIWYG Javascript: TinyMCE
Editor HTML WYSIWYG, para integrar en formularios web, basado en Javascript de Moxiecode Systems AB. Entrar

84.- 5 formas de mostrar la fecha actual con Javascript
Varias maneras de mostrar la fecha del día de hoy en una página web con Javascript, para que aparezca con distintos formatos. Entrar