[jQuery] Issues with clueTip plugin on FF2 and A List Apart's "Prettier Accessible Forms"
Hi there,
I've been trying out A List Apart's article called "Prettier
Accessible Forms" (http://www.alistapart.com/articles/
prettyaccessibleforms/) for one of my projects and I'm finding that,
for Firefox 2, clueTip becomes completely disabled when I try to
implement the supplied workaround for FF2's lack of support for the
"inline-block" CSS property.
My JS code is more or less the same as the one given in the article,
with a few adaptations:
==============================
// only for FF2, as it does not understand the CSS "inline-block"
property
if ($.browser.mozilla && /1.8/.test($.browser.version)) {
$("form").hide();
$("form").find("li>label").not(".nocontigo").each(function(i) {
var labelContent = this.innerHTML;
var labelWidth = document.defaultView.getComputedStyle(this,
"").getPropertyValue("width");
var labelSpan = document.createElement("span");
labelSpan.style.display = "block";
labelSpan.style.width = labelWidth;
labelSpan.innerHTML = labelContent;
this.style.display = "-moz-inline-box";
this.innerHTML = null;
this.appendChild(labelSpan);
});
$("form").show();
}
===========================
Would anyone happen to know why this might be? I appreciate any help
you can provide.
Sincerely,
Andrew