ansaurus

Question

Make html code disappear with placeholder ?

Answer 1

A:

set an ID on a span surrounding your table and one on your link and use JQuery to handle this :

$("#btnId").click(function() {$("#tableId").html(""); });

VdesmedT 2010-09-02 15:23:23

jquery seems overkill for something simple like that if it isn't there already. Just using simple javascript is allowed

Raynos 2010-09-02 15:26:11

Answer 2

+1 A:

<div id="hide">
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 
<a href=# onclick="getElementById('hide').style.display = 'none'">Click me</a> 
</div>

Wrapped in a div and handle onclick to make the div hide. Good luck getting it back

Raynos 2010-09-02 15:25:25

Answer 3

A:

You can use ids and jQuery to hide your table. This is useful if you want to show it again later, not delete the content.

<table id="myTable" border="1">...</table>

<a id="hideLink" href=#>Hide Table</a>

<a id="showLink" href=#>Show Table</a>

<script language="JavaScript">

jQuery(#hideLink).onClick(function(){
  jQuery(#myTable).hide();
});

jQuery(#showLink).onClick(function(){
  jQuery(#myTable).show();
});

</script>

Thomas Langston 2010-09-02 15:26:07

Answer 4

+2 A:

Using C# (as opposed to client script):

a LinkButton will render an HTML a tag with a javascript: PostBack function call. (This is still relying on JavaScript. Use a Button for no client script dependency, that will render an HTML submit input).

<%@ Page Language="C#" %>

<script runat="server">
    protected void MyLink_Click(object sender, EventArgs e)
    {
        MyTable.Visible = false;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<body>
    <form runat="server">
    <table id="MyTable" border="1" runat="server">
        <tr>
            <td>
                row 1, cell 1
            </td>
            <td>
                row 1, cell 2
            </td>
        </tr>
        <tr>
            <td>
                row 2, cell 1
            </td>
            <td>
                row 2, cell 2
            </td>
        </tr>
    </table>
    <asp:LinkButton ID="MyLink" Text="Hide table" runat="server" OnClick="MyLink_Click" />
    </form>
</body>
</html>

langsamu 2010-09-02 15:32:38

ansaurus

tags:

views:

answers:

Make html code disappear with placeholder ?

related questions