Comments on: jQuery CSS parser

By: Danny

Danny — Fri, 31 Jul 2009 22:02:22 +0000

@ft: Sure. Just use

$().parsecss(function(css){
	for (var selector in css){
		for (var property in css[selector]){
			if (property == 'border-radius'){
				// fix it appropriately; css[selector][property] is the value
			}
		}
	}
});

You still need to apply this only for IE (with conditional comments, $.browser or something. Up to you) --Danny

By: ft

ft — Fri, 31 Jul 2009 20:00:56 +0000

Thanks for sharing! Is it theoretically possible to modify your code that it searches for say “border-radius” and apply according actions for ie?

By: Danny

Danny — Sun, 03 May 2009 13:04:57 +0000

@MJ:
You are right. That’s the problem with changing the name of the file (which I did in response to James Vivian above). I’ve updated the link to the source code, made it version 1.1 (there was a minor bug fix) and removed the github link entirely, since it takes too much time to maintain it.
–Danny

By: MJ

MJ — Fri, 01 May 2009 22:01:36 +0000

Could you help clarify which js file is the most recent. The Download code link doesn’t go the correct file and is named differently than what’s in the git repository. However, both files are labeled in the comments as version 1.0 with differences between the two. Thanks for the help in advance.

By: Danny

Danny — Fri, 03 Apr 2009 01:32:48 +0000

@James Vivian:
You’re absolutely right! I can’t imagine how I missed that. I’m changing everything to parsecss now.
Thanks for catching my idiocy.
-Danny

By: James Vivian

James Vivian — Thu, 02 Apr 2009 21:05:43 +0000

Am I missing something, or has the linked code been updated beyond this post? It seems like calls to $.cssparser should be $.parsecss instead.

By: Thomas Jaggi

Thomas Jaggi — Fri, 13 Feb 2009 23:20:14 +0000

Thanks a lot for your help, now I’m using the function above (with some changes to get it working in IE).

By: Danny

Danny — Fri, 13 Feb 2009 02:34:59 +0000

@Thomas Jaggi:
The version I mentioned on the jQuery Google group actually returned a parsed object; it did not use a callback. It used synchronous Ajax, which is always a bad idea. The current version is better.
Parsing the CSS is probably not the best way of getting the styles of a specific class. You can go through the stylesheets (see this discussion, but realize the code is untested: http://groups.google.com/group/jquery-en/browse_thread/thread/a95f419f185f63dd/03df7ac2f2c82bfe), using something like this:

function classStyle (className){
  var re = new RegExp('(^|,)\\s*\\.'+className+'\\s*(,|$)');
  var style = "";
  $.each (document.styleSheets, function(){
    $.each (this.cssRules || this.rules, function() {
      if (re.test(this.selectorText)) style += this.style.cssText + ';';
    });
  });
  return style;
}

or see the jQuery UI code for animating classes for a clever trick: create an element, record the styles, then apply the class name and see what changed.
-Danny

By: Thomas Jaggi

Thomas Jaggi — Thu, 12 Feb 2009 14:03:07 +0000

Whoups, my fault: I tried animating a z-index which killed IE.
But still: Is this also possible with the new version (just getting the styles of a specific class)? I understand this is not the main purpose but anyway…

By: Thomas Jaggi

Thomas Jaggi — Thu, 12 Feb 2009 13:21:54 +0000

Great work! Even if I don’t really understand what’s going on.

Is it possible getting the styles of a specific class?

In the jQuery Google Group you have posted something like “var style = $.parsecss()['.myclassname']; “
Using this with the current version I get an error (“str has no properties”).

Using the script version on http://bililite.com/blog/blogfiles/cssparser/cssparser.jquery.js this works in Firefox but not in IE.

Thanks for your help.