Can you use Javascript to change Style properties

[econnections]

In the simple example shown below I want to be able hide column3 by calling a function that changes the properties of style1 from .style1 {display:block;} to .style1 {display:none;}. Is this possible?

Any help would be appreciated.

<style>
.style1 {display:block;}
</style>

<table>
<tr>
<td>Column1</d>
<td class="style1">Column2</td>
<td>Column3</d>
<tr>
<tr>
<td>Column1</d>
<td class="style1">Column2</td>
<td>Column3</d>
<tr>
<tr>
<td>Column1</d>
<td class="style1">Column2</td>
<td>Column3</d>
<tr>
</table>

 

[josel]

This is what I would try:

<script ...>

function ChangeClass(object) {

document.getElementById(object).className=style2;

}

</script>

Give your columns an ID (i.e: id="column1") and set your trigger to pass the ID you wish to affect

onClick="ChangeClass('column1'); return true;"


Hope this helps.


Jose Lerebours


KNOWLEDGE: Something you can give away endlessly and gain more of it in the process! - Jose Lerebours

 

[BillyRayPreachersSon]

I agree - changing the style definition would be pointless, as column 3 doesn't have a class of "style1".

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]