Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/10/2009, 04:22
Avatar de ceSharp
ceSharp
 
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años, 4 meses
Puntos: 66
Respuesta: Resolucion pantalla con javascript

Hola annekee,

Lo primero --> es mejor colocar el bloque de <script type... ></script> antes de que acabe el </head> de tu página. algo así:
-------------------
<html><title>titulo</title>
<head>
<meta ..../>
<script type....>
......
</script>
</head>
<body>
......
</body>
</html>
-------------------------------
esto es una estructura básica para HTML (no sé si para PHP cambia, porque yo de PHP no sé ná)

segundo--> el bloque de javascript no se ejecuta porque no hay ninguna orden que lo accione, o sea, no está metido dentro de ninguna función que se llame de alguna manera y, con ese nombre, poder llamarla en la carga de la página.
SOLUCION:
metemos el bloque de condiciones en una función-->
---------------------------
function comprobarScreen()
{ if(window.screen.availWidth <= 640)
{window.parent.document.body.style.zoom="62%";}
if(window.screen.availWidth == 800)
{window.parent.document.body.style.zoom="78%";}
if(window.screen.availWidth == 1024)
{window.parent.document.body.style.zoom="100%";}
if(window.screen.availWidth >= 1280)
{window.parent.document.body.style.zoom="125%";}
}
------------------------
y en la carga de la página llamamos a esta función:
-------------------
<body onloadi="comprobarScreen();"
-------------------
y debería de funcionarte.

por último con tus cuatro condiciones solo compruebas si la pantalla es menor o igual que 640px, que sea de 800px, de 1024px o que sea superior o igual a 1280... por lo que hay 'vacios legales' donde no se ejecuta ninguna acción (si por ejemplo el ancho es de 1050). Trata de mejorar las condiciones para que en cualquier caso marque un ancho óptimo.

salu2