[Ovillo] Cargar css desde el body

David Pardo david en corunet.com
Lun Oct 13 09:22:49 UTC 2008


Ahondando en la solución planteada por Tei, yo sugeriría que, ya que vas
a generar el código usando javascript y, por tanto, presuponemos que el
usuario va a tener JS activado, generes también en tiempo de ejecución
las nuevas hojas de estilo con algo del estilo de:

if (window.innerWidth){
		var styleText = '.sign{border:1px dashed
red;position:absolute;top:0;left:0;padding:2px;background-color:#fff}';
		var head=document.getElementsByTagName("head")[0];
		var styleNode = document.createElement("style");
		styleNode.appendChild(document.createTextNode(styleText));
		head.appendChild(styleNode);
	}else{
		var newStyle = document.createStyleSheet();
		newStyle.addRule('.sign','border:1px dashed
red;position:absolute;top:0;left:0;padding:2px;background-color:#fff');
	}

O algo parecido. De este modo, puedes asociar nuevos estilos según convenga.

	David

Tei escribió:
> Quizas lo mejor es que evites la carga de CSS nuevo. Cargando "mas CSS
> del que vas a necesitar" al principio, de la forma normal y correcta,
> dentro del head. Y solo añadir nuevo html en tus acciones con JQuery.



Más información sobre la lista de distribución Ovillo