making a Horizontal Rule visible and not visible

[phpmel]

Hi Guys,

Can a horizontal rule be visible and not visible within the <td> tag of a row on a table?

 <tr>
       <td colspan="4" style="height: 20px; text-align: left" valign="middle">
                <hr id ="hr" style="width: 75%" visible="false" >                 
         </td>
</tr>

I tried the above code and it is not working, the horizontal rule is always visible.
i attached an id to it because i wanted to code when it should be visible or not.

[Curtis Rutland]

Use:

<hr id="hr1" style="visibility:hidden; width:75%;" />

Then you can change it with Javascript:

function showHide()
        {
            elem = document.getElementById("hr1");
            if(elem.style.visibility == 'hidden')
                elem.style.visibility = 'visible';
            else   
                elem.style.visibility = 'hidden';
        }

Hi Guys,

Can a horizontal rule be visible and not visible within the <td> tag of a row on a table?

 <tr>
       <td colspan="4" style="height: 20px; text-align: left" valign="middle">
                <hr id ="hr" style="width: 75%" visible="false" >                 
         </td>
</tr>

I tried the above code and it is not working, the horizontal rule is always visible.
i attached an id to it because i wanted to code when it should be visible or not.

[phpmel]

thank you, that works

is there also a way to change it with c# using the id?

[Curtis Rutland]

Sure. Change it to:

<hr id="hr1" runat="server" style="visibility:hidden; width:75%;" />

The 'runat="server" ' lets you manipulate it in the code. Here's how:

string value = hr1.Style["visibility"];
if (value == "hidden")
    hr1.Style["visibility"] = "visible";
else
    hr1.Style["visibility"] = "hidden";

The difference between the C# version and the Javascript version is that the C# version will require a page refresh. The Javascript executes on the client side.

thank you, that works

is there also a way to change it with c# using the id?