Scripts para tu página Web

Ejemplos de pequeñas aplicaciones que puedes usar directamente o como base para programas más personalizados. En general son aplicables a páginas web. Todos tienen una muestra para ver como funciona el ejemplo.

Y en el índice de ejemplos tienes más para practicar

Linterna en una página (objetos)

Este ejemplo utilizamos un objeto para crear el efecto de linterna: hacer visible el fondo sobre el que va pasando el haz de una linterna.

Visión de Rayos X en tu web

Como supermán, con este script y un poco de CSS vas a poder crear una especie de lente que crea la ilusión de ver a través de un objeto (una imagen). Esta aplicación simula unos Rayos-X, pero es muy personallizable

Copiar al portapapeles

Un útil script que puedes usar en una página web. Se trata de copiar el contenido de un bloque e la página web al portapapeles. Este ejemplo es básico, puedes personalizarlo a tu gusto

Linterna en una página

Este ejemplo crea un efecto de linterna que hace visible el fondo sobre el que va pasando.

Login con AJAX

Un ejemplo de formulario para acceder a un sitio usando Ajax para la gestión del acceso

Formateo de un número

Se trata de formatear una cadena numérica colocando los puntos y comas para separar miles o decimales.

Contador de días

O como contar días en Javascript restando fechas para poner en tu página un contador de días que indique el número de días que faltan para una cierta fecha, por ejemplo cuanto queda para Navidad.

Manejando las cookies

Aquí te presentamos un par de funciones de lo más interesante para manejar las cookies

Viñeta cambiante

Este es un efecto rollover, o sea, que al pasar el ratón por encima de un enlace se produce un cambio, en este caso cambia la imagen usada como viñeta para el enlace. Muy simple y vistoso.

Efecto teletipo

Este efecto te permite hacer que un texto aparezca en pantalla letra a letra, con un intervalo de tiempo definido por tí

Fecha de actualización

Coloca en tu página de forma automática la fecha en la que actualizastes tu página por última vez.

Reloj en pantalla

Coloca un reloj digital en tu página, para que a nadie se le haga tarde.

Formulario a correo

Recibe en tu email los datos que tus invitados rellenan en lso formualrios de tu sitio.

Menús desplegables

Este script te ayudará a organizar los enlaces de tu web y te enseñará los fundamentos para crear menús desplegables más complejos.

Personalizar colores

Un detalle para tus visitas: déjales que personalicen los colores de tu página.

Persianas

Un bonito efecto para hacer que un texto aparezca en pantalla desplazándose de abajo- arribo o de arriba hacia abajo, a tu gusto.

Información del Navegador

Un script que permite conocer el modelo y la versión del navegador utilizado para visitar nuestra página. Interesante por el uso de expresiones regulares y objetos.

Rollover

Una de las preguntas más habituales de los futuros programadores de páginas web es como lograr que los enlaces cambien de color al pasar el ratón, el efecto rollover. Este script te lo aclara.

Esquemas desplegables

Una alternativa al menú desplegable son las listas desplegables, el principio realmetne es el mismo como puedes comprobar en este script que podrás personalizar a tu gusto.

Botón más/menos

Quizás tenga otro nombre en window, pero se refiere a un script que te permitirá poner en los campos numéricos de los formularios un botón para que el número escrito en el control se incremente o decremente al pulsar sobre él.

Password

Los passwords en Javascript no son demasiado seguros, pero no es una tarea imposible. Mira este interesante script, uno de los más seguros en Javascript.

Título de página animado

Este script te permitirá dotar al título de tus páginas del efecto marquesina, es decir, el tiulo que aparece en la barra azul irá desplazándose de derecha a izquierda.

Bloque fijo

A veces quieres que un menú o un mensaje no desaparezca cuando el usuario hace uso de la barra de scroll. Pues este script te permitirá colocar un bloque con imagen o con texto en una posición fija de la pantalla, independiente de que la página haga o no scroll.