Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/08/2010, 20:10
codecweb98
 
Fecha de Ingreso: enero-2009
Ubicación: Mexico
Mensajes: 99
Antigüedad: 15 años, 11 meses
Puntos: 2
Respuesta: CSS según resolución

Una alternativa en CSS3 es utilizar expresiones de JavaScript dentro del mismo código CSS, por ejemplo:

Código CSS:
Ver original
  1. #pageWidth
  2.     {
  3.     width:expression((document.body.clientWidth < 980)? "750px" : "980px");
  4.     }

Respecto a la opción que buscas, el código JavaScript para incrustar archivos CSS sería el siguiente:

Código Javascript:
Ver original
  1. var link = document.createElement('link');
  2. link.setAttribute('href', 'r750.css');
  3. link.setAttribute('rel', 'stylesheet');
  4. link.setAttribute('type', 'text/css');
  5. var head = document.getElementsByTagName('head').item(0);
  6. head.appendChild(link);