 |
| | | | | | | |
|
|
|
 |
ARTICULOS Y TUTORIALES DE WEBMASTERS |
|
|
|
|
|
 |
JAVASCRIPT WEBMASTERS |
|
|
|
|
|
Menú con información del link, Un menú que cambia de color al pasar por encima y muestra información sobre el link que señalamos.
|
|
|
|
|
|
Mostrar los elementos y su tipo en un formulario, Para tener toda la información sobre tus formularios.
|
|
|
|
|
|
Comprobación del referer, Chequea el enlace que llega y mira si viene de una página permitida, si no es así muestra un mensaje de error y devuelve la página desde la que se ha hecho la llamada.
|
|
|
|
|
|
Visor de imagenes, Mover imagenes adelante atras y auto
|
|
|
|
|
|
Redireccionar después de un ALERT, Antes de cargar otra página saldrá un ALERT para avisarnos.
|
|
|
|
|
|
Volver a la página anterior, Un Script muy sencillo e importante para la navegacion en la web.
|
|
|
|
|
|
Tres en Rayas, El famoso y conocido, asi como clasico tres en rayas ahora en formato javascript, para que tus visitantes jueguen hasta no parar !
|
|
|
|
|
|
Coger el valor seleccionado en un SELECT, Si queremos coger el valor seleccionado en un campo SELECT y enviarlo a una función de JavaScript cuando se produzca un cambio en el estado del Select, lo haremos de la siguiente manera...
|
|
|
|
|
|
Enviar y recibir datos entre páginas con JScript,
Permite pasarnos datos de una página a otra en JScript.
|
|
|
|
|
|
Abrir una ventana con efecto de izquierda a derecha, Abre una ventana lateralmente de izquierda a derecha. El tamaño de l a ventana se puede definir con el screen.height (alto) y screen.width (ancho).
|
|
|
|
|
|
Fondo de pantalla con degradado de color y cambiante, Se debe poner el código entre los tags de la página.
Para cambiar los colores se deben cambiar los valores que hay al principio del Script en el array Colors.
|
|
|
|
|
|
Mostrar un número con una determinada cantidad de decimales, Mostrar un número con una determinada cantidad de decimales
|
|
|
|
|
|
Validación de un formulario, El script inspecciona todos los campos de un formulario para determinar si todos han sido rellenados, sino es así nos indica los campos que faltan por rellenar.
|
|
|
|
|
|
Pedir confirmación antes de cerrar una ventana, Para asegurarnos que el usuario esta seguro de querer "abandonar" nuestra página.
|
|
|
|
|
|
Cálculo de áreas y volúmenes, Cálculo del área de polígonos regulares y de volumenes de objetos tridimensionales
|
|
|
|
|
|
Maximizar la pantalla del explorador, Para que la pagina nueva que queremos abrir ocupe toda la pantalla del ordenador.
|
|
|
|
|
|
Efecto de Flash en la barra de estado, Un bonito efecto que llamara la atencion, puesto en la barra de estado.
|
|
|
|
|
|
Pop up que recorre la parte superior de la ventana, Un pop up para publicidad muy sencillo y a la vez llamativo.
|
|
|
|
|
|
¿Cuantas checkbox eras capaz de seleccionar en 20 segundos?,
Juego donde debes seleccionar el máximo de Checkbox en 20 segundos
|
|
|
|
|
|
Aura de color, Crea una "aura" de colores alrededor del texto.
|
|
|
|
|
|
Redireccionar después de un CONFIRM, Si Aceptamos carga la siguiente página y si cancelamos nos devuelve a la página anterior.
|
|
|
|
|
|
Elegir link presionando un número, Permite crear menus que se controlan desde el teclado.
|
|
|
|
|
|
Comprobar el formato de fecha, Obligar un formato específico de fecha para no tener problemas en los formularios.
|
|
|
|
|
|
Proteger la dirección de correo, Una forma simple de proteger tu dirección de correo de los "robots" que buscan en las páginas este tipo de direcciones para cogerlas y guardarlas en bases de datos que estaran destinadas al SPAM.
|
|
|
|
|
|
Validación de la introducción de la fecha, Para evitar errores de fechas en los formularios.
|
|
|
|
|
|
Scroll de texto, Este Script permite hacer una rotación de notícias o links en nuestra página.
|
|
|
|
|
|
Cambio de color letra por letra, El script permite cambiar el color de un texto letra por letra de forma que haga un efecto de animación.
|
|
|
|
|
|
Validar el tipo de archivos seleccionados, Si tenemos por ejemplo un FTP en nuestra web que permite subir archivos al servidor, va bien poder determinar que tipos de archivos son validos y cuales no. Con este script podemos definir los tipos de archivos que se seleccionaran desde el formulario con un INPUT TYPE='FILE'
|
|
|
|
|
|
Mensaje mientras se carga la página, Esta es una forma muy senzilla de poenr un mensaje o una imágen mientras se carga la página.
|
|
|
|
|
|
Convertir a fecha,
Este Script convierte un valor de TimeStamp al formato de fecha dd/mm/aaaa
|
|
|
|
|
|
Mirar si el navegador tiene el plug-in de FLASH, Necesario cuando utilizamos Flash en nuestra web.
|
|
|
|
|
|
Cálculo de áreas con formulario, ´Formulario que permite calcular las ares del cuadrado, rectángulo, paralelogramo y triangulo.
|
|
|
|
|
|
Desactiva el link una vez utilizado, Desactiva el link una vez utilizado
|
|
|
|
|
|
Filtro de colores para imágenes, Distorsiona los colores de una imágen dandole un aspecto diferente.
|
|
|
|
|
|
Insertar página HTML dentro de otra página HTML, Util para cuando una pagina (un menu p.e.) tiene que estar dentro de muchas otras.
|
|
|
|
|
|
Frases aleatorias, Este Script permite ir mostrando diferentes frases de forma aleatoria en nuestra página.
|
|
|
|
|
|
Thumbnails - ampliar y reducir la imágen, Un click para ampliar y doble click para reducir.
|
|
|
|
|
|
Menú que aparece y desaparece al pulsar encima de el, Este Script hace aparecer un menú desplegable al pulsar sobre la etiqueta de menu y lo hace desaparecer cuando volvemos a pulsar encima de ella.
|
|
|
|
|
|
Texto cambia de color gradualmente al pasar por encima, Un bonito efecto para tus links
|
|
|
|
|
|
Links ordenados en menus emergentes, Al pasar el botón por encima del titulo del menú, se abre una menú emergente con distintos enlaces.
|
|
|
|
|
|
Equivalencias de unidades de energia, Convierte ha diferentes unidades (Joules, Kg-meters, Ft-lbs, Kw-hrs, Metric Hp-hrs, US Hp-hrs, Liter-atm, K-cal, Btu)
|
|
|
|
|
|
Botón de imprimir, Sencillo Script que abre las opciones de impresion del navegador. Funciona tanto en Netscape como en Explorer.
|
|
|
|
|
|
Abrir un link en la ventana "madre", Permite desde una ventana "hija" linkar diferentes páginas que se muestran en la ventana "madre".
|
|
|
|
|
|
Rediminsionar ventana según el tamaño de una imágen, Este Script redimensiona una ventana que contiene una foto para que la ventana se adapte al tamaño de la foto.
|
|
|
|
|
|
Añadir a Mis Favoritos, Para que nadie se olvide de tu web.
|
|
|
|
|
|
Generador de código ASCII, Té convierte el caracter entrado en su código ASCII.
|
|
|
|
|
|
Control del NIF, Esta función controla si la letra indicada del nif coincide con el número.
|
|
|
|
|
|
Sticky Note, pop-up configurable, Sticky Note es un atractivo script DHTML que muestra un pop-up centrado en pantalla con el texto que queramos. Es configurable su aspecto, el tiempo que estará en pantalla y el efecto de aparición.
|
|
|
|
|
|
Efecto de "Trio de colores" persiguiendo el mouse, Un espectacular efecto de colores en tu pantalla.
|
|
|
|
|
|
Contador de días online, En muchos sitios puedes observar un conteo de los días online, es decir, los días que la página ha estado en Internet. Por lo general para este tipo de contadores se utilizan tecnologías del lado del servidor, pero sin más ni menos, lo puedes realizar en JavaScript, de una manera fácil y rápida.
|
|
|
|
|
|
Una pequeña animación en el momento de abrir una nueva ventana., Una pequeña animación en el momento de abrir una nueva ventana.
|
|
|
|
|
|
Imprimir con soporte a todos los navegadores, En este artículo aprenderemos a desarrollar un script con el podemos imprimir una pagina determinada con soporte a todos los navegadores mediante el JavaScript.
|
|
|
|
|
|
Calendario del mes con personalización de colores., Un calendario del mes donde marca con distintos oclores los distintos dias del mes.
|
|
|
|
|
|
Carrito de la compra, Un pequeño catalogo de productos con desplegables y con el cálculo de su precio final.
|
|
|
|
|
|
Capturar el nombre de la página donde estamos, Nos muestra el nombre del documento html en que nos encontramos.
|
|
|
|
|
|
Etiqueta que parpadea al seleccionar un formulario, Crea un efecto de intermitencia en un texto al seleccionar un campo de un formulario.
|
|
|
|
|
|
Validar e-mail en JavaScript, Para que las direcciones de los e-mails sigan el formato correcto.
|
|
|
|
|
|
Aclarar una imágen al pasar por encima, Un bonito efecto de aclarado de imágen muy útil para botoneras de menus.
|
|
|
|
|
|
Aparición de la imágen, Este Script realiza un efecto de aparición de la imágen al ser cargada.
|
|
|
|
|
|
Fecha Juliana,
Para fechar fenómenos astronómicos o históricos lejanos es difícil considerar los cambios que ha habido en el calendario.
Este Script permite calcular esta fecha.
|
|
|
|
|
|
Contador del tiempo que llevas en la página, Para cuando la web es tan buena que se te pasa el tiempo volando -)
|
|
|
|
|
|
Fabricador de código de colores, Página tipo formulario que permite crear un color y te dice su código hexadecimal.
|
|
|
|
|
|
Contador de letras, Un buen script que cuenta todas las letras que se introducen en un campo de texto.
|
|
|
|
|
|
Conversor Pesetas-Euro, Este es un pequeño código que nos permite haceer la conversion de Euros a pesetas y al reves.
|
|
|
|
|
|
Calendario con JavaScript, Un bonito calendario del mes actual con los dias resaltados.
|
|
|
|
|
|
Ver imagen que se envia, Ver imagen que se envia
|
|
|
|
|
|
Efecto de subrallado de las celdas de una tabla, Bonito efecto que da mucha vida a las tablas.
|
|
|
|
|
|
Menú en el boton derecho del ratón, Al pulsar el botón derecho del ratón aparece un menú flotante con distintas opciones.
|
|
|
|
|
|
Efecto de parpadeo en un boton, Un botón va cambiando de color para llamar la atención.
|
|
|
|
|
|
Botón de link redimensionable, El botón del link cambia de tamaño dependiendo del texto que contenga.
|
|
|
|
|
|
Reproducir MP3 según el dia, Reproduce un archivo MP3 según el dia en que se abra la página.
|
|
|
|
|
|
Título parpadeante, Las letras parpadean cambiando a distintos colores para llamar la atención.
|
|
|
|
|
|
Última actualitzación de la página, Siempre sabras que dia hiciste la ultima actualizacion.
|
|
|
|
|
|
Validación de un número "entero", Comprueba que el numero entero que escribamos sea correcto.
|
|
|
|
|
|
Medidor de la velocidad e carga de una imágen, Medidor de la velocidad e carga de una imágen
|
|
|
|
|
|
Tetris, El famoso tetris realizado con formularios.
|
|
|
|
|
|
Imágen temblando, Con este Script haremos que una imágen empieze a temblar al ponerle el cursor encima.
|
|
|
|
|
|
Fecha y dia de la semana en español, Té dice el dia de la semana, el número y el més.
|
|
|
|
|
|
Random de números únicos, Este Javascript toma un número de elementos al azar de un array.
Por ejemplo, tenemos un array de 10 números del 0 al 9 y queremos coger 5 números al azar y sin que se repitan.
|
|
|
|
|
|
Mover la ventana con los cursores, Podras desplaçar la ventana del explorador por tu pantlla usando los cursores.
|
|
|
|
|
|
Evitar que te "cierren" dentro de una página de frames, Evita que utilizen tus páginas sin tu permiso
|
|
|
|
|
|
Tiempo en un boton,
El Script hace aparecer un boton que muestra la hora actual y al pulsar encima de el nos indica el tiempo que llevamos en la página.
|
|
|
|
|
|
Mensaje en la barra de estado,
Para dar información en la barra de estado del navegador.
|
|
|
|
|
|
Power Equivalents,
Hp, Metric hp, Kw, Poncelets, Kg-m/sec, Ft-lb/sec, Kcal/sec, Btu/sec
|
|
|
|
|
|
Tres en ralla,
¿Quien no ha jugado jamas a este juego de mesa?
|
|
|
|
|
|
"Encoger" una ventana, Al hacer un click sobre el botón o link la ventana se encoge y se vuelve a abrir.
|
|
|
|
|
|
Conversión de unidades de fluidos (liquidos), Minims, Drams, Ounces, Gills, Pints, Quarts, Gallons, Barrels
|
|
|
|
|
|
Generador de MetaTags, Este script crea un generador de metatags que nos ayudará a crear los más apropiados para nuestra web.
|
|
|
|
|
|
Reloj que persigue el ratón, Un bonito reloj analógico persigue el ratón por toda la pantalla.
|
|
|
|
|
|
Conversor de areas,
Convierte las medidas de una area a Metros, pulgadas, pies, yardas, millas....
|
|
|
|
|
|
Copiar texto al portapapeles, Este script copia al portapapeles el texto contenido en un campo de un formulario.
|
|
|
|
|
|
Spotlight - efecto de luces (rev.1), Un efecto muy espectacular para tus imágenes
|
|
|
|
|
|
Cambio de color en el borde de las tablas al pasar por encima, Efecto que resalta una tabla al pasar por encima el cursor.
|
|
|
|
|
|
Calendario con recordatorio de eventos, Calendario que recuerda los eventos introducidos durante 24 horas. El programa es un buen ejemplo de como trabajar con cookies en JavaScript.
|
|
|
|
|
|
Pop-up automático, Al abrir una página se abre un Pop-up, este se cierra al cabo de un tiempo automaticamente.
|
|
|
|
|
|
Cabeceras de listado SIN SCROLL, Este es un truquillo que idee para mostrar listados sin que la cabecera, al hacer scroll, desapareciera...
|
|
|
|
|
|
Escribir los textos al reves, Saca por pantalla el texto que esta dentro de una varible, escrito al reves.
|
|
|
|
|
|
Marquesina en la barra de estado, Obtendremos un mensaje "corriend" por la barra de estado.
|
|
|
|
|
|
Buscar el número primo más cercano, Buscar el número primo más cercano
|
|
|
|
|
|
Scroll para presentación de una página web, Scrolling muy espectacular y útil para una página principal o de presentación. El script puede llegar a ser muy personalizable, logrando efectos muy buenos y originales.
|
|
|
|
|
|
|