Get CSS properties affecting div element?

[senocular]

Is there any way to determine the different CSS properties affecting any
particular element in a document? For example, let's say I want to find
out the float value of some div in my HTML document body where the float
property is defined via a linked CSS file. Anyway to do that without
parsing the css manually myself? From what I gather, given that the DOM
is based on the level 1 spec, it ain't happenin. I could be missing
something though ;)

[danilocelic *TMM*]

senocular wrote:

> Is there any way to determine the different CSS properties affecting any
> particular element in a document? For example, let's say I want to find
> out the float value of some div in my HTML document body where the float
> property is defined via a linked CSS file. Anyway to do that without
> parsing the css manually myself? From what I gather, given that the DOM
> is based on the level 1 spec, it ain't happenin. I could be missing
> something though ;)

While that info appears to be available to the Tag inspector by way of
the relevant CSS panel, it isn't available to the extension developer,
at least not in any way that I can find.

--
Danilo Celic
| Extending Knowledge Daily : [url]http://CommunityMX.com/[/url]
| Team Macromedia for Dreamweaver : [url]http://macromedia.com/go/team/[/url]

[senocular]

I was afraid of that. Thanks Danilo. I'll post anything I find
regarding this if I should find anything, though I have a feeling I'll
just need to keep things simple and rip through the css myself.

danilocelic *TMM* wrote:

> senocular wrote:
>

>> Is there any way to determine the different CSS properties affecting
>> any particular element in a document? For example, let's say I want
>> to find out the float value of some div in my HTML document body where
>> the float property is defined via a linked CSS file. Anyway to do that
>> without parsing the css manually myself? From what I gather, given
>> that the DOM is based on the level 1 spec, it ain't happenin. I could
>> be missing something though ;)

>
>
> While that info appears to be available to the Tag inspector by way of
> the relevant CSS panel, it isn't available to the extension developer,
> at least not in any way that I can find.
>

[danilocelic *TMM*]

senocular wrote:

> I was afraid of that. Thanks Danilo. I'll post anything I find
> regarding this if I should find anything, though I have a feeling I'll
> just need to keep things simple and rip through the css myself.

One thing that may help you along with that:
[url]http://www.communitymx.com/blog/index.cfm?newsid=146&blogger=35[/url]

I don't even you this, especially given the prevalance of hacks,
filters, and IE conditional comments that can potentiall mess up any parser.

--
Danilo Celic
| Extending Knowledge Daily : [url]http://CommunityMX.com/[/url]
| Team Macromedia for Dreamweaver : [url]http://macromedia.com/go/team/[/url]

[senocular]

well that's certainly handy - and conveniently undocumented (not
surprisingly). Of course obtaining ids/classes isn't a problem. The
problem is finding out how they're styled.

Presently, the environment I need for this to work in is pretty
controlled, so I'm not so worried just yet ;)


danilocelic *TMM* wrote:

> senocular wrote:
>

>> I was afraid of that. Thanks Danilo. I'll post anything I find
>> regarding this if I should find anything, though I have a feeling I'll
>> just need to keep things simple and rip through the css myself.

>
>
> One thing that may help you along with that:
> [url]http://www.communitymx.com/blog/index.cfm?newsid=146&blogger=35[/url]
>
> I don't even you this, especially given the prevalance of hacks,
> filters, and IE conditional comments that can potentiall mess up any
> parser.
>

[danilocelic *TMM*]

senocular wrote:

> well that's certainly handy - and conveniently undocumented (not
> surprisingly). Of course obtaining ids/classes isn't a problem. The
> problem is finding out how they're styled.

Currently those functions only give you class names and id names in the
CSS. Unfortunately it doesn't currently give you any selector info, for
example, it won't give you a way to see something like this in your
style sheet:
div#content h1 a

Because of the cascading nature of CSS, you'd have to be aware of all
the styles the might apply to a particular element. I've looked for a
JavaScript CSS pasrser, but haven't found one in several searches, but
maybe one exists out there already.

> Presently, the environment I need for this to work in is pretty
> controlled, so I'm not so worried just yet ;)

Good for you, and good luck.

--
Danilo Celic
| Extending Knowledge Daily : [url]http://CommunityMX.com/[/url]
| Team Macromedia for Dreamweaver : [url]http://macromedia.com/go/team/[/url]

[senocular]

I searched too without luck. What I have is basic and I'm not going to
try make it go beyond that.

cheers

danilocelic *TMM* wrote:

> Because of the cascading nature of CSS, you'd have to be aware of all
> the styles the might apply to a particular element. I've looked for a
> JavaScript CSS pasrser, but haven't found one in several searches, but
> maybe one exists out there already.