How to render HTML/Plain Text to the filtering drop-down columns

Question

I have a custom list, with some columns. In order to design my list with colors, I used calculated columns with a Content Editor Web Part which contains my script (JavaScript).

I used this script : Path to SharePoint

It works perfectly, my list have some colors, I just have one issue, the filtering drop-downs columns doesn't render HTML or Plain text but instead my HTML formula as filter:

DIV style='font-weight:bold etc...

It's not very readable/usefull for the customers/users. I'd like to change that, and display a user-friendly filtering text.

I'm using MOSS (SharePoint 2007), and I don't have access to SharePoint Designer, a solution within a CEWP would be perfect.

Any help would be greatly appreciated.

Answer 1

What you could do, is since you are already using Javascript, is go into your list view .aspx page, and find the area that defines the view header. You will find each field containing the text for the column views. Assign each field a unique ID,

<th class="something" id = "column1" ...>

Then, in your javascript, add something like:

<script type="text/javascript">
 document.getElementByID("column1").style.color = 'black';
 document.getElementByID("column1").innerHTML = "My new Name";
 ...
</script>

On page load, it'll just reset the names back to what you originally want.