Can I dynamically add HTML within a div tag from C# on load event?

Question

I am using master pages. Can I locate a div within the page and throw some HTML in there?

Are you talking about within a page or control and of which on the server or client side? There are a few different sides to this, I think but generally the answer is yes though YMMV. — JB King
– JB King, Commented Jan 21, 2009 at 21:19

M4N · Accepted Answer · 2009-01-21 22:06:11Z

84

You can add a div with runat="server" to the page:

<div runat="server" id="myDiv">
</div>

and then set its InnerHtml property from the code-behind:

myDiv.InnerHtml = "your html here";

If you want to modify the DIV's contents on the client side, then you can use javascript code similar to this:

<script type="text/javascript">
    Sys.Application.add_load(MyLoad);
    function MyLoad(sender) {
        $get('<%= div.ClientID %>').innerHTML += " - text added on client";
    }
</script>

edited Jan 21, 2009 at 22:06

answered Jan 21, 2009 at 21:18

M4N

96.8k45 gold badges225 silver badges265 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Eon Over a year ago

Thanks a ton. Deadline of app moved up, really needed this code. thanks again

aspiring Over a year ago

I used your approach and used it quite well with a stringbuilder and returning a serialized string to js side. Do you mind if I add it into your answer. Because without the serialization certain double quoted strings will not be properly transferred from C# to js.

Sandip Subedi Over a year ago

Does this still works ? I tired and it doesn't work for me.

Otávio Décio · Accepted Answer · 2009-01-21 21:11:53Z

15

Use asp:Panel for that. It translates into a div.

answered Jan 21, 2009 at 21:11

Otávio Décio

74.6k18 gold badges167 silver badges230 bronze badges

Comments

Vivek Raj · Accepted Answer · 2013-04-10 07:37:07Z

5

Remember using

myDiv.InnerHtml = "something";

will replace all HTML elements in myDIV. you need to append text to avoid that.In that this may help

myDiv.InnerHtml = "something" + myDiv.InnerText;

any html control in myDiv but not ASP html controls(as they are not rendered yet).

edited Apr 10, 2013 at 7:37

answered Apr 10, 2013 at 7:12

Vivek Raj

4661 gold badge5 silver badges16 bronze badges

Comments

splattne · Accepted Answer · 2009-01-21 21:32:39Z

3

You could reference controls inside the master page this way:

void Page_Load()
{
    ContentPlaceHolder cph;
    Literal lit;

    cph = (ContentPlaceHolder)Master.FindControl("ContentPlaceHolder1");

    if (cph != null) {
        lit = (Literal) cph.FindControl("Literal1");
        if (lit != null) {
            lit.Text = "Some <b>HTML</b>";
        }
    }

}

In this example you have to put a Literal control in your ContentPlaceholder.

edited Jan 21, 2009 at 21:32

answered Jan 21, 2009 at 21:21

splattne

104k54 gold badges206 silver badges250 bronze badges

Comments

Jim Petkus · Accepted Answer · 2009-01-21 21:41:22Z

1

You want to put code in the master page code behind that inserts HTML into the contents of a page that is using that master page?

I would not search for the control via FindControl as this is a fragile solution that could easily be broken if the name of the control changed.

Your best bet is to declare an event in the master page that any child page could handle. The event could pass the HTML as an EventArg.

answered Jan 21, 2009 at 21:41

Jim Petkus

4,4981 gold badge28 silver badges19 bronze badges

1 Comment

Dov Miller Over a year ago

Can give an example?

Collectives™ on Stack Overflow

Can I dynamically add HTML within a div tag from C# on load event?

5 Answers 5

3 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related