Ver Mensaje Individual
  #3 (permalink)  
Antiguo 05/05/2011, 22:21
InKarC
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 18 años, 5 meses
Puntos: 87
Respuesta: este codigo no me sirve en ie9

Cita:
Iniciado por Aijoona Ver Mensaje
Programaticamente no es buena idea lo que estás haciendo.

En primer lugar esa lógica debería estar encapsulada en una función, y segundo, considerá que si la pantalla tiene un tamaño x, no va a tener un tamaño y, por lo cual una estructura de if-else anidados o diccionario seria mejor.

Ejemplo:

Código Javascript:
Ver original
  1. /**
  2.  * Agrega una hoja de estilo dependiendo
  3.  * del tamaño recibido
  4.  */
  5. function addScreenCSS(width) {
  6.     var cssDictionary, css;
  7.  
  8.     // Tus valores posibles con su
  9.     // respectiva ruta
  10.     cssDictionary = {
  11.         640: '/css/600.css',
  12.         800: '800.css',
  13.         1024: '1024.css',
  14.         1280: '/css/1280.css',
  15.         1600: '1600.css'
  16.     };
  17.  
  18.     // Asignamos un valor por defecto
  19.     if(!cssDictionary[width]) {
  20.         width = 1024;
  21.     }
  22.    
  23.     css = document.createElement("link");
  24.     css.setAttribute("rel", "stylesheet");
  25.     css.setAttribute("type", "text/css");
  26.     css.setAttribute("href", cssDictionary[width]);
  27.     document.getElementsByTagName("head")[0].appendChild(css);
  28. }
  29.  
  30. // Agregamos
  31. addScreenCSS(screen.width);
Absolutamente toda la razón.