ARTICULOS

Redirección de acuerdo a la resolución del usuario

Autor: Fabian Muller (http://www.webexperto.com) - 15/01/2003

Del.icio.us Facebook Technorati

El siguiente JavaScript detecta la resolución de la pantalla del visitante y lo redirecciona a una  página optimizada especialmente para la misma. 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 ese valor se 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>

 

Más artículos sobre Java Script

1. Muestra frases en forma aleatoria
2. Efecto nieve
3. Ejecutar código PHP o ASP
4. Efecto opaco sobre imágenes
5. ¿Cómo utilizar los archivos .js de JavaScript?
6. Banners aleatorios con JavaScript
7. Efectos en imágenes pegadas a un link de texto
8. Precarga de imágenes en JavaScript
9. Detectar el idioma y país del usuario
10. Slide show de imágenes
Más artículos...

Otros artículos...

Hojas de Estilo Obtener sombras con CSS
Java Script Todo sobre imágenes en JavaScript
PHP Proteger páginas con password en PHP
ASP Evitar la cache del navegador
Bases de Datos Optimizar consultas MySQL
Marketing 5 sencillos pasos para ganar clientes
Marketing 10 razones para utilizar copyleft
Hojas de Estilo Cambiando de color las barras de scroll
Java Script Validar formularios con Dreamweaver
Marketing Email marketing
Más artículos...