John, there seems to be a problem with this code. It apparently works fine in FF and Flock but not in IE or Safari. Top level still shows in those two. Is there a fix?
That was interesting. All three browsers give you very different answers when you look at the innerHTML property. IE, reorders parameters and puts the tags in all caps. Safari no longer has HTML entities so > is just > and so on. Firefox gives you the exact HTML that you put in the page.
Anyway, here's a new version that seems to work in all three browsers and I think is fairly tolerant of anything a browser might do to the HTML.
YE.onContentReady("breadCrumbTrail", RemoveTopOfBreadCrumb);
function RemoveTopOfBreadCrumb()
{
var str = this.innerHTML;
str = str.replace(/\n/g, " "); // get rid of linebreaks which cause problems for regular expressions in javascript
this.innerHTML = str.replace(/^\s*<a .*?a>.*?</i, "<");
}
If you're curious, the regular expression is trying to get everything in the first <a>xxxx</a> sequence and then everything after that up to the start of the next HTML tag. Here's how it works:
From the beginning of the innerHTML string
Skip any whitespace that might be there
Then match on "<a " or "<A "
Then skip any amount of characters up to the first occurrence of "a>" or "A>".
Then skip any amount of characters up to the first occurrence of "<"
Then, because we matched one extra character beyond what we wanted to get rid of we put that back in the replace.
The i parameter after the regular expression tells it to be case insensitive so we can catch the fact that IE is uppercasing the tags.