How to add an image to the header of a table

[Stefan Mueller]

I've a html table with a header row and several columns. If I click on
the header of a column the function 'clicked_column(var_this)' gets
called.
Because I'm able within that function to change just on the clicked
header the mousepointer with 'var_this.style.cursor = "crosshair";' to
a cross I think that there must by also a way to add an image to the
existing header (<header title> <image>).

Does someone know if this is really possible and if yes how it can be
done?

 

[Thomas 'PointedEars' Lahn]

[...] I think that there must by also a way to add an image to the
existing header (<header title> <image>).

There is. RTFM.

Does someone know if this is really possible and if yes how it can be
done?

Yes.

<http://www.catb.org/~esr/faqs/smart-questions.html>


PointedEars

 

[Stefan Mueller]

Great to know that it's possible.

I know that I can change the header title with
var_this.childNodes.item(0).data = "New Text";
But is it really also possible to change the image in the header
title?

Please give me a hint.

 

[David Mark]

Great to know that it's possible.

I know that I can change the header title with
  var_this.childNodes.item(0).data = "New Text";

Sort of. It depends on the content of the node (i.e. it could contain
multiple text nodes). For example, some browsers create "extra" nodes
for extraneous white space.

<th>
This might be the first child node
</th>

But is it really also possible to change the image in the header
title?

Please give me a hint.

Here's two:-

https://developer.mozilla.org/En/DOM/Document.createElement
https://developer.mozilla.org/En/DOM/Node.appendChild

 

[Stefan Mueller]

David, many thanks for your hints.
It works great!