cssRules No Longer Works in FireFox 1.5

[mephraim]

I have a WYSIWYG editor based on the HTMLArea project that uses the
cssRules object of a stylesheet to add/update stylesheet rules for
table cells. Ever since I upgraded to FireFox 1.5, I get the following
error message when trying to access the cssRules object:

"Access to restricted URI denied"

The code I am trying to execute looks like this:

var currStyleSheet = editor._doc.sty leSheets[0];
var currRules = currStyleSheet. cssRules;
var tdIndex = currRules.lengt h;
for(i = 0; i < currRules.lengt h; i++) {
if(currStyleShe et.cssRules.ite m(i).type == 1) {
//if it is a style rule
var currRule = currRules.item( i)
if (currRule.selec torText.toLower Case() == "td") {
tdIndex = i;
}
}

}

This code is simply looking for any rules for TD elements. I am at a
loss as to what is going on and/or what changed if FireFox to cause
this error. It worked fine in previous releases of FireFox. The
document that I am trying to access the stylesheet for is within an
IFRAME, which is what I believe is causing the problem. Thanks.

[Martin Honnen]

mephraim wrote:

I have a WYSIWYG editor based on the HTMLArea project that uses the
cssRules object of a stylesheet to add/update stylesheet rules for
table cells. Ever since I upgraded to FireFox 1.5, I get the following
error message when trying to access the cssRules object:

"Access to restricted URI denied"

The code I am trying to execute looks like this:

var currStyleSheet = editor._doc.sty leSheets[0];
var currRules = currStyleSheet. cssRules;

Does the error message not name the exact line number causing the error?
which line is that, the attempt to access
editor._doc
or the attempt to access
currStyleSheet. cssRules

What is the URL of the HTML document with the script, what is the URL of
the iframe? As the error message says "Access to restricted URI denied"
seeing the URIs could help.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[mephraim]

The error occurrs on the line with the following:

var currRules = currStyleSheet. cssRules

I am able to read the stylesheet, but it throws that error when I try
to access cssRules.

I am running this page on a development server
(http://niagara.leepfrog.com/), and the IFRAME is populated with a
series of iframe.document .write() calls, not a SRC. It works when I
try to access cssRules from the main Document sylesheet, but throws the
error when I try to access cssRules in the IFRAME from the Main
Document. Hopefully this clears thins up a little bit.

[Martin Honnen]

mephraim wrote:

The error occurrs on the line with the following:

var currRules = currStyleSheet. cssRules

I am able to read the stylesheet, but it throws that error when I try
to access cssRules.

I am running this page on a development server
(http://niagara.leepfrog.com/), and the IFRAME is populated with a
series of iframe.document .write() calls, not a SRC.

Do you still experience the problem? Do you have a URL with the example?
--

Martin Honnen
http://JavaScript.FAQTs.com/

[VK]

mephraim wrote:

I have a WYSIWYG editor based on the HTMLArea project that uses the
cssRules object of a stylesheet to add/update stylesheet rules for
table cells. Ever since I upgraded to FireFox 1.5, I get the following
error message when trying to access the cssRules object:

"Access to restricted URI denied"

The code I am trying to execute looks like this:

var currStyleSheet = editor._doc.sty leSheets[0];
var currRules = currStyleSheet. cssRules;
var tdIndex = currRules.lengt h;
for(i = 0; i < currRules.lengt h; i++) {
if(currStyleShe et.cssRules.ite m(i).type == 1) {
//if it is a style rule
var currRule = currRules.item( i)
if (currRule.selec torText.toLower Case() == "td") {
tdIndex = i;
}
}

}

Uhmm... and who told you that ever worked for Firefox at all? Did you
get yours from mozilla.org ?

Presuming that your style sheet has an ID (the only way to work
reliably with Firefox) and this ID is say "myCSS" then:

document.getEle mentById('myCSS ').sheet.cssRul es[0].style.backgrou ndColor;
and so on...

Works just fine since 1.0.4

[Thomas 'PointedEars' Lahn]

VK wrote:

mephraim wrote:

I have a WYSIWYG editor based on the HTMLArea project that uses the
cssRules object of a stylesheet to add/update stylesheet rules for
table cells. Ever since I upgraded to FireFox 1.5, I get the
following error message when trying to access the cssRules object:

"Access to restricted URI denied"

The code I am trying to execute looks like this:

var currStyleSheet = editor._doc.sty leSheets[0];
var currRules = currStyleSheet. cssRules;
var tdIndex = currRules.lengt h;
for(i = 0; i < currRules.lengt h; i++) {
if(currStyleShe et.cssRules.ite m(i).type == 1) {
//if it is a style rule
var currRule = currRules.item( i)
if (currRule.selec torText.toLower Case() == "td") {
tdIndex = i;
}
}

}
Uhmm... and who told you that ever worked for Firefox at all?

It is specified so.
Did you get yours from mozilla.org ?
Obviously you did not.
Presuming that your style sheet has an ID (the only way to work
reliably with Firefox)
Nonsense, Firefox (i.e. the Gecko DOM) provides the document.styleS heets
collection (a reference to a StyleSheetList object) accessed here as
specified in W3C DOM Level 2 Style.
and this ID is say "myCSS" then:

document.getEle mentById('myCSS ').sheet.cssRul es[0].style.backgrou ndColor;
and so on...
Nonsense:
Works just fine since 1.0.4

Of course it does not. A CSSStyleSheet object referred to by the return
value of document.getEle mentById() here does not have a 'sheet' property
at all. What would also work instead is

document.getEle mentById('myCSS ').cssRules[0].style.backgrou ndColor;

However this required an ID while the document.styleS heets collection did
not. Unfortunately as usual, the information you provided is factually
flawed and therefore potentially harmful to others.
PointedEars

[VK]

Thomas 'PointedEars' Lahn wrote:

However this required an ID while the document.styleS heets collection did
not. Unfortunately as usual, the information you provided is factually
flawed and therefore potentially harmful to others.

as usual 2 months of experiments are defited by one specs reading...

[Thomas 'PointedEars' Lahn]

VK wrote:

Thomas 'PointedEars' Lahn wrote:

However this required an ID while the document.styleS heets collection did
not. Unfortunately as usual, the information you provided is factually
flawed and therefore potentially harmful to others.

as usual 2 months of experiments are defited by one specs reading...

What are you babbling about? The Gecko DOM does _not_ specify nor
_implement_ a `sheet' property for CSSStyleSheet objects. However, it has
specified _and_ has _implemented_ the document.styleS heets collection ever
since.

<URL:http://developer.mozil la.org/en/docs/DOM:style>

If your tests showed the opposite, then your tests are flawed. Which would
not be surprising, though.
PointedEars

[Michael Winter]

On 28/01/2006 17:36, Thomas 'PointedEars' Lahn wrote:

VK wrote:
[snip]

Uhmm... and who told you that [styleSheets and cssRules
collections] ever worked for Firefox at all?

It is specified so.

Quite right, though more importantly, it is implemented as such (since
at least Moz 1.3 - the earliest Gecko browser I have available at the
moment).

[snip]
Nonsense, Firefox (i.e. the Gecko DOM) provides the
document.styleS heets collection (a reference to a StyleSheetList
object) accessed here as specified in W3C DOM Level 2 Style.
Again, very true.

[snip]
A CSSStyleSheet object referred to by the return value of
document.getEle mentById() here does not have a 'sheet' property at
all.
An object implementing the CSSStyleSheet interface does not have a sheet
property, as you say, but a LINK or STYLE element that references a
cascading style sheet doesn't implement the CSSStyleSheet interface
directly. Instead, they both implement the LinkStyle interface, which
only has one property, sheet (and that does implement the StyleSheet
interface).
What would also work instead is

document.getEle mentById('myCSS ').cssRules[0].style.backgrou ndColor;

You should have tested that; it doesn't (though I'm guilty of the same
charge on occasions when I'm feeling lazy :-/).

[snip]

It seems to me that this should be a security issue: the OP is trying to
access style sheet rules from an IFRAME element that isn't part of the
same domain (from the description, there's no URL). That said, I thought
security issues started when trying to access the document object[1].

Mike
[1] I don't 'do' frames, so I'll plead ignorance, here. It's a
potential starting point, though.

--
Michael Winter
Prefix subject with [News] before replying by e-mail.

[Michael Winter]

On 28/01/2006 20:30, VK wrote:

[snip]

as usual 2 months of experiments are defited by one specs reading...

It took you two months to conclude that the Gecko DOM doesn't support
the styleSheets collection, when in fact it does?

Mike

--
Michael Winter
Prefix subject with [News] before replying by e-mail.