c# personal attribute to an html tag - Tales of a Developer Advocate

A Visitor to my site came from google looking for "c# personal attribute to an html tag". If I understand this query correctly then the person is trying to add an attribute to an already created HTML object. However, this might not be the case, so I will include in this entry a few different ways of adding attibutes to HTML elements via C#.

Firstly, I am presuming that they are using IE to view the HTML. IE is pretty cool about attributes being added to HTML elements. They treat these attributes on HTML like expando objects (you can add them dynamically in Javascript too). So an element <b id="testB"> can have an attribute kinlaniscool simply by using the following Javascript: document.all.testB.kinlaniscool="false"; It could have been defined in the HTML as <b id="testB" kinlaniscool="false"> and you would get the same results.

To do this from C#, if you are rendering out a serverside control you could simply have the following:

HtmlGenericControl b = new HtmlGenericControl("b");
b.ID="test";
...
...
b.Attributes.Add("kinlaniscool", false);
this.Page.Controls.Add(b);

The above code might add a control to the page which is a "b" tag and that will look like: <b id="testB" kinlaniscool="false">

If you wanted to do something similar in a custom server control, I might do the following:

protected override void Render(HtmlTextWriter output)
{
output.AddAttribute("kinlaniscool", "false");
output.AddAttribute("ID", "test");
output.RenderBeginTag(HtmlTextWriterTag.B);
output.Write("Yo!");
output.RenderEndTag();
}

Basically all we are doing in the above code is overriding how the control renders its data. It will render a B tag with all the correct attributes.

And that is about it.

Related Wikipedia Documents

HTML element, C Sharp, Meta tag, Attribute, Tag soup, Dynamic HTML, Object-oriented programming, JavaScript, ECMAScript, JavaScript engine, C Sharp

My Related Documents

C#, .Net Framework: Google Search: c# expando, C#, .Net Framework: OPML Javascript Object., C#, .Net Framework: OPML Javascript Object Model, C#, .Net Framework: Google Search C#, C#, .Net Framework: C# CSS Classname Regex

Related Amazon Books

Related Images From Flickr

[[posterous-content:gcbAuxfIfkAildnnwbjH]][[posterous-content:dgHhohAaxyjxgkFHjxIJ]][[posterous-content:mqfAmsBGcdbBIqfEnHhd]][[posterous-content:Eblpngydcloeihahkmck]][[posterous-content:DImmjoyxGGjFvHxFtunf]][[posterous-content:eteHjaeaCHiogEEGolxj]][[posterous-content:inDgAuDwicocrcvzorcc]]