Foros del Web » Programando para Internet » Javascript »

Problema a detectar la resolución o ancho de pantalla con explorer

Estas en el tema de Problema a detectar la resolución o ancho de pantalla con explorer en el foro de Javascript en Foros del Web. Buenas compañeros. Estoy haciendo una web y segun el navegador y resolución aplico unos estilos u otros. La prueba que hago es: misma pagina la ...
  #1 (permalink)  
Antiguo 18/09/2009, 06:40
Avatar de susaninhax  
Fecha de Ingreso: noviembre-2004
Mensajes: 358
Antigüedad: 20 años, 2 meses
Puntos: 3
Problema a detectar la resolución o ancho de pantalla con explorer

Buenas compañeros.

Estoy haciendo una web y segun el navegador y resolución aplico unos estilos u otros.

La prueba que hago es: misma pagina la pruevo en firefox y en explorer con resoluciones de 1024 de ancho de pantalla. y PERFECTO.

Pero cuando llego a resoluciones de 1280 de ancho de pantalla, en firefox me pilla el csss PERFECTAMENTE, y el explorer se empeña en decir que tengo de ancho 1024. Por lo tanto me aplica los otros css y no los de 1280.

El codigo que uso para hacer esta distinción es el siguiente:

Código HTML:
<script language="JavaScript1.2"> 
	
if ((screen.width == 1280) || (screen.width == 1440) || (screen.width == 1400)) {

	document.write('<link rel="stylesheet" type="text/css" href="../wga_f_estaticos/wga_f_css/1280.css">');

} else{
	document.write('<link rel="stylesheet" type="text/css" href="../wga_f_estaticos/wga_f_css/1024.css">');

}


	</script> 
Siempre me salga el segundo css cuando el ancho de la pantalla o resolución es de 1280. Hay algo en el codigo de javascript que en explorer no funcione correctamente y por eso ponga directamente la de 1024?¿?¿ He probado a ponerle alerts, para saber el screen.with que coje, y con explorer solo me coje 1024... no sé porqué y lo tengo que tener para el lunes como muy tarde para la noche, no se que hacerr!!

A alguien se le ocurre que podría hacer?? o de que otra manera mirar la resolución?¿?¿

Gracias de antemano y un saludo.
  #2 (permalink)  
Antiguo 18/09/2009, 07:38
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años, 1 mes
Puntos: 126
Respuesta: Problema a detectar la resolución o ancho de pantalla con explorer

Hola

¿Y si en vez de usar screen.width usas clientWidth y window.innerWidth?

Código javascript:
Ver original
  1. var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
  2. function iecompattest() {
  3.     return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  4. }
  5.  
  6. var ancho_ventana = ieNOTopera? iecompattest().clientWidth : window.innerWidth;

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 21/09/2009, 01:32
Avatar de susaninhax  
Fecha de Ingreso: noviembre-2004
Mensajes: 358
Antigüedad: 20 años, 2 meses
Puntos: 3
Respuesta: Problema a detectar la resolución o ancho de pantalla con explorer

Hola adler, gracias por contestar, he probado las dos cosas, y nada, me sigue diciendo que tengo 1024, y si lo miro con firefox me dice que 1280... no entiendo cuando la pantalla es lo mismo, solo cambia el navegador, jooor!!!!

pero gracias por contestar, seguiré mirando
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:24.