.::MGUSTA.COM::. JavaScript: Trucos, articulos y ejemplos gratis en JavaScript

Recopilacion de los mejores articulos, trucos y ejemplos en Javascript: Seleccione uno de nuestros articulos javascript para obtener el codigo necesario y si no encuentras lo que estabas buscando accede a nuestro foro, realiza tu pregunta y en breve te responderemos y publicaremos el articulo.


Enlace añadir a favoritos	Establecer página inicio
Mensaje barra estado	Imprimir página
Botones Atrás y Adelante	Deshabilitar botón derecho
Mostrar fecha completa	Menu lista desplegable
Efecto terremoto	Redireccionar página
Scroll de texto	Banners aleatorios
Crear un pop-up	Cerrar una ventana
Cambiar el color de las celdas	Redirección según la resolución

Redireccionar una página

Sirve para que al entrar en una página web, te lleve a otra sin que el usuario tenga que pinchar en ningún sitio. Aquí se explican tres posibles formas de lograrlo. Hay que sustituir redireccion.html por la página a la que quieras que se redirija. También puedes usar URLs:

1- Código (ubicarlo entre las etiquetas <head> y </head>):
<head>
<script languaje="JavaScript">
location.href='redireccion.html';
</script>
</head>

2 - Otro método puede ser agregando la acción OnLoad dentro del Body:
<BODY onLoad = "parent.location = 'redireccion.html'">

3 - También podemos redireccionar la página a los X segundos (en esto caso 15):
<META HTTP-EQUIV="Refresh" CONTENT="15;URL=redireccion.html">

Scroll de texto

A través de este script podemos incorporar en nuestra web un scroll de texto. Como muestra el ejemplo, se pueden incluir enlaces, imágenes, textos en negrita, en fin, cualquier código html.

Código (ubicarlo donde queramos que aparezca):
<script language="JavaScript1.2">
var marqueewidth=130
var marqueeheight=60
var speed=1
var marqueecontents='<p align="center"> <strong> <font color="#FF0000"> Bienvenido a mgusta.com </font> </strong> <br> <br> Esto es un ejemplo de como realizar un scroll de texto en el que podemos incorporar nuestras noticias sobre la web. </p>'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'"> '+marqueecontents+ '</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength= document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>

Banners aleatorios cada x tiempo

Mediante este ejemplo podemos conseguir mostrar banners en forma aleatoria cada x tiempo (5 segundos en el ejemplo) sin necesidad de tener que actualizar la página. (http://www.direccion1.com será la página a la que se redirigirá cuando hagamos click en imagen1.gif)

1º Colocamos el siguiente código entre las etiquetas <head> y </head>:
<SCRIPT LANGUAGE="JavaScript">

</script>

2º Ubicar el siguiente código donde queramos que aparezcan los banners:
<div id="banner"></div>

Click aquí para ver un ejemplo

Crear un pop-up

Con este ejemplo vamos a crear un pop-up en nuestro sitio. Podemos hacerlo de dos formas: que se abra en forma automática al iniciar la página, o simplemente a través de un enlace. Cuando hacemos el enlace (<a href...) llamamos a la función que hayamos creado anteriormente y entre paréntesis ponemos la página html que se abrirá dentro de ese pop-up. Si queremos crear más pop-ups con el mismo tamaño, basta con indicar en el enlace la misma función y otra página. Si queremos abrir otro pop-up de otro tamaño, creamos otra función con sus característics y luego en el enlace llamamos a esa función. Cambia solamente lo que aparece en negrita.

1º Abrir un pop-up a través de un enlace:
Colocar el siguiente código entre las etiquetas <head> y </head>:
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no,location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
</script>

Ubicar el siguiente código donde queramos que aparezca el enlace para abrir el pop-up
<a href="javascript:Abrir_ventana('popup.html')">Click aquí para abrir la ventana</a>

2º Abrir un pop-up automáticamente al cargar una página:
Colocar el siguiente código entre las etiquetas <head> y </head>:
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
</script>

Incluir el siguiente código en la etiqueta <body> de forma que quedará así:
<body onload="Abrir_ventana('popup.html')">

Link de prueba