CSS not rendering in dynamic areas of an HTML page - IE only

[brian.turner]

This is sort of a design/javascript question. It involves CSS
rendering in dynamic areas of a page using IE.

E 6 & 7

HI There, We've created some example static html pages (using CSS)
that look great in IE. We are now converting these into dynamic pages
that use javascript to dynamically update certain areas of the page.
After the conversion the dynamic areas of the page do not render the
CSS styles (the styles are not displaying correctly). This only
happens in IE. The styles display correctly for other browsers
(firefox).

I am using the javascript DOM to update the dynamic areas of the site.
For example when creating a <a> tag that needs attribute
class=over....I add the following code.

linktag = document.createElement("a");
linktag.setAttribute("href",pathName);
linktag.setAttribute("class","over");

it's the class=over that is not rendering when the page is updated.
Has anyone seen this?

Thanks,

Brian

 

[David Dorward]

This only happens in IE.

linktag.setAttribute("class","over");

Internet Explorer has a very broken implementation of setAttribute.
Use .className instead.

 

[Andrew Poulos]

linktag = document.createElement("a");
linktag.setAttribute("href",pathName);
linktag.setAttribute("class","over");

it's the class=over that is not rendering when the page is updated.
Has anyone seen this?

I believe you need to use 'className' ('class' is, I think, a reserved
word) ie.

linktag.className = "over";


Andrew Poulos

 

[brian.turner]

thanks!!! That worked!

I believe you need to use 'className' ('class' is, I think, a reserved
word) ie.

linktag.className = "over";


Andrew Poulos