Gracias Vicente,
Es una manera curiosa de aplicar estilos de una hoja que no puedo tocar
a otra. Podriamos obtener los estilos de intocable.css y aplicarlos a
tocable.css, para quien le pueda servir:
function() {
if (!document.styleSheets) return;
var reglasIntocable = new Array();
var reglasTocable = new Array();
if (document.styleSheets[0].cssRules ||
document.styleSheets[1].cssRules) {
reglasIntocable = document.styleSheets[0].cssRules
reglasTocable = document.styleSheets[1].cssRules
}
else if (document.styleSheets[0].rules ||
document.styleSheets[1].rules) {
reglasIntocable = document.styleSheets[0].rules
reglasTocable = document.styleSheets[0].rules
}
else return;
reglasTocable[17].style.color = reglasIntocable[10].style.color;
reglasTocable[8].style.borderColor =
reglasIntocable[0].style.backgroundColor;
}
> -----Mensaje original-----
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de Vicente
> Gallur Valero
> Enviado el: viernes, 29 de abril de 2005 8:19
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Obtener propiedad de una clase no
> alpicada mediantejavascript
>
>
> Efectivamente, es posible.
>
> Puedes acceder a las reglas de las hojas de estilo que ha cargado la
> página mediante
>
> document.styleSheets[n].cssRules // W3C
> document.styleSheets[n].rules // Microsoft
>
> siendo n la posición de la hoja de estilos, normalmente 0.
>
> Obtendrás un vector con todas las reglas de la página,
> numeradas según
> el orden de aparición, por lo que te aconsejo que pongas las
> que quieras
> acceder en los primeros lugares para evitar problemas.
>
> Puedes acceder a la propiedad del siguiente modo:
>
> document.styleSheets[n].cssRule[n].style.nombredelapropiedad,
>
> por ejemplo:
>
>
> document.styleSheets[0].cssRule.style.color
>
> para el ejemplo que has puesto, suponiendo que es la primera hoja de
> estilos cargada y la primera regla, sería algo así:
>
>
> if (document.styleSheets[0].cssRules)
> regla='cssRules';
> else if (document.styleSheets[0].rules)
> regla='rules';
> else return false;
> return eval('document.styleSheets[0].'+regla+'[0].style.color');
>
> Para la propiedad color, mozilla te lo devolverá en el formato
> rgb(x,y,z) así que tendrás que transformarlo
> probablemente.Explorer lo
> devuelve tal y como lo has puesto.
>
> Más información:
> http://www.quirksmode.org/dom/changess.html
>
> Vicente Gallur Valero
> http://www.vgcomunicacion.com
>
>
>
> xema wrote:
>
> >Hola,
> >
> >Es posible, mediante javascript, coger una propiedad de una
> clase que
> >no ha sido aplicado?
> >
> >Imaginad una hoja de estilos que contiene una clase llamada
> >.loremipsumdolor... Bueno, con .lorem es suficiente ;)
> >
> >.lorem {
> > width:...
> > font:...
> > ...
> > color: red;
> >}
> >
> >Que no se ha aplicado a ninguna etiqueta. Me gustaria con javascript
> >obtener el color para aplicarlo luego donde yo quiera.
> >
> >Es posible? Como lo enfoco?
> >
> >Gracias!
> >xema
> >
> >
> >
> >-------------------------------------------------------------
> ----------
> >-
> >
> >_______________________________________________
> >Lista de distribución Ovillo
> >Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> >http://ovillo.org/mailman/listinfo/ovillo
> >
> >
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a
> Ovillo@lists.ovillo.org Puedes modificar tus datos o
> desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
