[php_penguin]

As part of writing a little CSS based PHP templating engine, I did a bit of searching for a CSS to XPATH translator, as many more people know CSS than XPath.

Anyhow, the only ones I could find were in JavaScript, so I had to translate from JS to PHP... which was fun.. well less boring and certainly less painful than you might tihnk.

Anyway, I based it on Joe Hewitt (of firebug)'s code and once I had ironed out the kinks, it worked brilliantly!!

Here is my code (nice and long, so it is attached) for creating an XPATH query from a CSS selector.

I've tested it out on "div.bold.italic#content" and it works great, as does with direct- and any-child selectors, as well as multiple selections at once.

Any comments? Surprised at how close the code is between JS and PHP?

Attached File(s)

•  csstoxpath.php (2.49K)
  Number of downloads: 10

[php_penguin]

ok, here is an updated version.

It now has support for the following selectors:

:first
:first(+n)
:last
:last(-n)
:nth-child(n)
:gt(n)
:lt(n)

lots of lovely ****** regex

Attached File(s)

•  csstoxpath.php (3.73K)
  Number of downloads: 28

[Thomas Thomassen]

This is a great little snippet.

[xwisdom]

Hello,

Many thanks for this snippet. It's really great!

I've modified it a bit and have included into into the Raxan Framework. You can learn about it here http://raxanpdi.com

__
Raymond Irving

[Didi]

php_penguin, on 03 November 2007 - 01:00 AM, said:

As part of writing a little CSS based PHP templating engine...

Thanks for the script !

There is an issue with css selectors starting with a simple class:
On the input ".run", the output is //[contains(@class, 'run')] with is not a valid xpath
I think that the correct xpath should be //*[contains(@class, 'run')] and
I used the following function "CSStoValidXpath" over "CSStoXpath" to patch thoses cases

function CSStoValidXpath($rule)
{
	return str_replace('//[','//*[',CSStoXpath($rule));
}

This post has been edited by Renaissance-Design: 18 January 2012 - 06:30 PM
Reason for edit: Please use the code button or tags to format your code.