.::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

Deshabilitar el botón derecho

Permite deshabilitar el botón derecho del mouse. Cuando un usuario haga click con el botón derecho no aparecerá nada. Será como si no hubiera hecho click.

Código (ubicarlo entre las etiquetas <body> y </body>):
<script language="JavaScript1.2">

</script>

<script language="JavaScript1.2">

</script>

Mostrar la fecha

A través de este script podemos hacer que en nuestra web aparezca la fecha, obtenida de la máquina del visitante.

Código:
<script language="Javascript">
var dias_semana = new Array ('Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado');
var nombres_mes = new Array ('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto', 'Septiembre','Octubre','Noviembre','Diciembre');
var fecha = new Date ();
var dia = fecha.getDay ();
dia = dias_semana[dia];
var dia_mes = fecha.getDate();
var mes = fecha.getMonth ();
mes = nombres_mes[mes];
var anio = fecha.getYear();
anio = anio;
document.write (dia + ' ' + dia_mes + ' de ' + mes + ' de ' + anio);
</script>

Menú de lista desplegable

Con este ejemplo vas a poder realizar un menu despegable en javascript que liste direcciones de sitios web, enviar mails o instrucciones en javascript.

Código:
<form>
<select onchange="window.location.href=this.options[selectedIndex].value; this.selectedIndex=0">
<option selected>Links de interés</option>
<option value="http://www.alcora.mgusta.com">Bienvenido a Alcora</option>
<option value="http://www.perrosonline.mgusta.com">Perros on line</option>
<option value="mailto:tu@direccion.com">Envíame un mail</option>
<option value="javascript:print()">Imprime esta página</option>
</select>
</form>

Efecto terremoto en la pantalla

Este script, algo divertido, hace que se sacuda la pantalla del navegador pareciendo como si hubiera un terremoto.

Código (ubicarlo entre las etiquetas <body> y </body>):
<SCRIPT LANGUAGE="JavaScript1.2">
function shake_xy(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}

function shake_x(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(i,0);
self.moveBy(-i,0);
}
}
}
}

function shake_y(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(0,-i);
}
}
}
}

//-->
</SCRIPT>

Y luego realizamos un link a la función donde nosotros queramos:
<a href="javascript:shake_xy(3)">Efecto terremoto </a>

Efecto terremoto