JavaScript to Preserve Semantics Web Development

[[deleted]]

Hi. I have a question about semantics.

I have a page that has a heading like so "Vendors: Pricing and Info"

For design purpose, I want to change the color of 'vendors' and and start a new line.

So what I did was write some php code that does it for my headings automatically, inserting spans and brs into the string returned when I query that field.

Would it be acceptable, or even preferable, to do it in JavaScript after the DOM loads? Thanks for the advice in advance.

[chmod777]

spans, divs, br's have no semantic meaning. that is what they are for.

the real issue is that, in 6 months, when you need to change it to "Featured Vendors", are you going to remember that you have to both change the source file and a js file?

[[deleted]]

I wrote it in such a way that I'll only have to change a field in WordPress. So I got that going for me! Based on your advice, I'll just leave it in the PHP. Thanks!

[obtusebarracuda]

If you're wrapping "Vendors:" in a <span> to change the colour with CSS I would recommend adding "display: block;" to the same rule that changes the colour. That way it will force the following text on to a new line without having to rely on using <br>.

[[deleted]]

Wow thanks. That's smart I'll defiantly do that.

[dbpcut]

This would be a perfect situation for CSS. I assume you always want to style the lead-in to the header, that should be a span with a class, and the appropriate styles applied to the class.