Hola, Tengo el codigo, pero necesito que sea automatico

Dog_Dancer · #1 (**permalink**) 06/09/2012, 09:13

Hola, Tengo el codigo para detectar la resolución de la pantalla del usuario y redireccionarle a la página apropiada, pero el problema que tengo es que el codigo no lo hace de manera automatica si no que muestra un enlace y el usuario tiene que dar click, me gustaria que el codigo redireccionara de manera automatica a la pagina que yo ponga en el codigo

Este es el codigo :

Código PHP:

<html>
<head>
<script>
var res, url
if ((screen.width == 800) && (screen.height == 600)){
res="800x600"
url="800x600.htm"}
else if ((screen.width == 1024) && (screen.height == 768)){
res="1024x768";
url="1024x768.htm"}
else if ((screen.width == 1152) && (screen.height == 864)){
res="1152x864";
url="1152x864.htm"}
else if ((screen.width == 1280) && (screen.height == 1024)){
res="1280x1024";
url="1280x1024.htm"}
else{
window.location.href = "otra.htm"}
function Entrar(){
window.location.href=url}
</script>
</head>
<body>
Tu Resolución de Pantalla es: <b><script>document.write(res)</script></b><br>
<a href="javascript:Entrar()">Acceda a la página correspondiente a tu resolución</a>
</body>
</html>

Gracias de antemano.

ArturoGallegos · #2 (**permalink**) 06/09/2012, 09:20

usa el evento onload

Código HTML:

Ver original<body onload="Entrar();">

otra cosa, valida tu html, tu has escrito <script> y debe ser <script type="text/javascript">
y aquí no veo que hayas declarado un doctype valido

Dradi7 · #3 (**permalink**) 06/09/2012, 11:56

y porque no mejor en vez de ensuciar el HTML usas

window.onload = Entrar;

#4 (**permalink**) 06/09/2012, 13:31

Particularmente me resulta.

En vez de utilizar == utiliza >= ó <=. (es difícil ser tirador olimpico con la resolución de pantallas.

El código que utilizo en el head es (muy viejo pero eficaz en los códigos de última hora):

Código Javascript:

Ver original<script type="text/javascript">
<!-- // 
if(screen.width<=959){ /* mi ancho de contenedor-cuerpo es de 960 px */
window.location="http://la-ruta-a-nueva-página"
} 
// -->
</script>