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

Cerrar una ventana

Para cerrar una ventana podemos utilizar el siguiente código:
<a href="javascript:close()">Cerrar ventana</a>

Si la ventana es un pop-up no nos pedirá confirmación para cerrarla

Cambiar el color de las celdas con links

Al igual que en el menú de esta web, al pasar de las celdas, éstas cambian de color, tu también puedes hacerlo fácilmente. Para ello sigue los siguientes pasos:

1º Colocamos el siguiente código entre las etiquetas <head> y </head>:
<script>
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
</script>

2º Colocamos el siguiente código entre las etiquetas <body> y </body> donde queramos insertar las celdas:
<table>
<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#475B70');" onmouseover="mOvr(this,'#729233');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="12"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="ver.asp?temav=javascript"><font face="Verdana" size="1">Artículos de JavaScript</font></a></td>
</tr>
<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#475B70');" onmouseover="mOvr(this,'#729233');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="1"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="ver.asp?temav=asp"><font face="Verdana" size="1">Artículos de ASP</font></a></td>
</tr>
</table>

Nota:
#475B70: es el color de fondo principal (bgcolor=".."). Cuando el mouse se para sobre la celda cambia de color y al quitarlo (onmouseout...) vuelve al original.
#729233: es el color de fondo secundario, el cual aparecerá al pasar el cursor del mouse sobre la celda (onmouseover...).

Redirección según la resolución del cliente

El siguiente JavaScript detecta la resolución de la pantalla del visitante y lo redirecciona a otra página optimizada especialmente para esta.

Se otorga como valor las direcciones URL en tres variables para cada una de la resoluciones más utilizadas (640x480, 800x600 y 1024x768). Luego se realiza una sentencia para detectar la resolución de pantalla del usuario, y de acuerdo al esos valores redirecciona el navegador hacia la dirección correspondiente a esa resolución.

<html>
<head>
<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
</script>
</head>
<body onLoad="redireccionar()">
</body>
</html>