Codigo Javascript que funciona sin Javascript LEELO MUY BIEN

[flager]

Bueno, resulta que hace tiempo que tengo una web en PHP y me sorpende una parte del codigo en javascript que esta dentro de un css y que funciona con javascript activado o desactivado.

http://www.solofondos.net/plantillas/descargar.css"
El codigo es el siguiente:

Código:

#desc-img-800{
margin-left:auto;
margin-right:auto;
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px":"auto");
}
#desc-img-1024{
margin-left:auto;
margin-right:auto;
max-width:1024px;
width:expression(document.body.clientWidth > 1024? "1024px":"auto");
}
#desc-img-1280{
margin-left:auto;
margin-right:auto;
max-width:1280px;
width:expression(document.body.clientWidth > 1280? "1280px":"auto");
}
#desc-img-1152{
margin-left:auto;
margin-right:auto;
max-width:1152px;
width:expression(document.body.clientWidth > 1152? "1152px":"auto");
}
#desc-img-1440{
margin-left:auto;
margin-right:auto;
max-width:1440px;
width:expression(document.body.clientWidth > 1440? "1440px":"auto");
}
.desc-img {
width:98%;
margin-left:1%;
border: 2px #E6F7FF solid;
}

Lo que nos importa es esta expresion:
width:expression(document.body.clientWidth > 1440? "1440px":"auto");

Lo que hace este codigo es mostrar una imagen de distinto tamaño segun la resolución del usuario, pero segun dicen ese codigo es javascript pero al parecer por los navegadores no es tomado como javascript y me refiero a todos los navegadores, desde ie 5 a ie6, firefox, chrome, opera, safari, etc.

¿Un ejemplo de lo que digo?

Pues les voy a mostrar como ejemplo mi web

http://www.solofondos.net/abstractos.../1440x900/121/

Si notan, pueden desactivar javascript y probar que la imagen encajara segun corresponda y no pondra mal el diseño... es un wallpapers que se ve del mismo tamaño en resoluciones 1440px y 800px osea e adapta a la resolución con o sin javascript...

¿Alguien me puede decir si estoy en lo correcto?

Es decir, es correcto que este codigo dentro de un CSS, funciones con javascript activado o desactivado?
width:expression(document.body.clientWidth > 1440? "1440px":"auto");

Bueno, de ante mano muchas gracias, necesio una repsuesta, para mpezar a aplicar un css para dos resoluciones.

[pateketrueke]

y funciona en todos los navegadores??

ya en serio... ¿porque preguntar esto en un foro de PHP??

[flager]

En todos, firefox, iexplorers, opera, chrome, safari, etc.

Pero quiero que alguien me verifique si es realmente cierto, es que yo lo ando usando hace tiempo y funciona bien.

[pateketrueke]

Iniciado por flager

En todos, firefox, iexplorers, opera, chrome, safari, etc.

Pero quiero que alguien me verifique si es realmente cierto, es que yo lo ando usando hace tiempo y funciona bien.

pues en Firefox 3.6 funciona tal y como dices... y bueno, ya que lo mencionas este tipo de expresiones llevan bastante tiempo...

yo pensaba que solo funcionaban con IE, pero ya veo que sirve en otros navegadores... lo extraño es cierto, ¿porque no depende de la configuración global de Javascript??

[flager]

mmmm lo raro es que quite
width:expression(document.body.clientWidth > 1280? "1280px":"auto");
y siguie funcionando, creo que algo anda mal

[pateketrueke]

si es realmente curioso... porque con la extensión de Firefox WebDeveloper desactivas la hoja individual de dicho CSS y deja de funcionar...

y vaya que teniendo activo dicho CSS funciona con o sin JS...

[abimaelrc]

Lo que sucede es que estás usando en #desc-img el width con 98% y por más que cambies lo de la expresión siempre te va a escalar la imagen conforme a la resolución de la persona, a causa del width que declaraste en porciento.

[iovan]

Lo que dice abimaelrc esta totalmente en lo cierto.

Puedes comprobarlo tu mismo. quita la etiqueta width:expression(document.body.clientWidth > 1440? "1440px":"auto"); de todo tu documento CSS y verás que nada se afectará.

Saludos.

[GatorV]

Tema movido desde PHP a Javascript