dynamic html with asp.net

momiasymn · Apr 28, 2012

When I say dynamic I mean things like button rollovers, etc. I'm trying to figure out how to do this ALL in asp.net. I already know how to use vbscript code to do this but as I'm sure you all know I would much rather use 100% asp.net code because of browser compatability. someone showed me how to do this a few days ago: <script runat="server"> Sub page_load(obj as Object, e as EventArgs) btnSubmit.Attributes.Add("onmouseover","this.style.backgroundColor='#3366cc';this.style.co lor='#ffff99';this.style.borderStyle='Inset';this. style.borderWidth='';this.style.FontStyle='Annifon t';") btnSubmit.Attributes.Add("onmouseout","this.style.backgroundColor='#336699';this.style.co lor='orange';this.style.borderStyle='Outset';this. style.borderWidth=''") End Sub </script> It works, I love it! However, I can't find ANY documentation ANYWHERE on this method. I would like to apply this also to things like hyperlinks, changing the background color of listboxes, all sorts of other stuff - but I can't find any info on it. So any help with this "Attributes.Add" method would be greatly appreciated! Thx! That's about it dude, what more so you need to know? From the MSDN Library: .NET Framework Class Library AttributeCollection.Add Method [Visual Basic]See Also AttributeCollection Class &#124 AttributeCollection Members &#124 System.Web.UI Namespace &#124 HtmlControl.Attributes &#124 WebControl.Attributes Requirements Platforms: Windows 2000, Windows XP Professional, Windows .NET Server family Language C# C++ JScript Visual Basic Show All Adds an attribute to a server contol's AttributeCollection object. [Visual Basic] Public Sub Add( _ ByVal key As String, _ ByVal value As String _ ) [C#] public void Add( string key, string value ); [C++] public: void Add( String* key, String* value ); [JScript] public function Add( key : String, value : String ); Parameters key The index assigned to the new attribute in the collection. value The attribute to store in the collection. Example [Visual Basic, C#, JScript] The following example demonstrates how to use the Add method to add an attribute to an server control's AttributeCollection object programmatically. [Visual Basic] <html> <script language="VB" runat="server"> Sub SubmitBtn_Click(Src As Object, e As EventArgs) FirstSelect.Attributes.Add("Multiple", "True") End Sub </script> <body> <form runat="server"> Make a selection: <select id="FirstSelect" padding="1" width="40" style="font: 16pt verdana;background-color:lightblue;color:black;" runat="server"> <option>This</option> <option>That</option> <option>Other</option> </select> <input type="submit" id="SubmitBtn" OnServerClick="SubmitBtn_Click" runat="server"/> </form> </body> </html> [C#] <html> <script language="C#" runat="server"> void SubmitBtn_Click(Object Src, EventArgs e){ FirstSelect.Attributes.Add("Multiple", "True"); } </script> <body> <form runat="server"> Make a selection: <select id="FirstSelect" padding="1" width="40" style="font: 16pt verdana;background-color:lightblue;color:black;" runat="server"> <option>This</option> <option>That</option> <option>Other</option> </select> <input type="submit" id="SubmitBtn" OnServerClick="SubmitBtn_Click" runat="server"/> </form> </body> </html> [JScript] <html> <script language="JScript" runat="server"> function SubmitBtn_Click(Src, e : EventArgs){ FirstSelect.Attributes.Add("Multiple", "True"); } </script> <body> <form runat="server"> Make a selection: <select id="FirstSelect" padding="1" width="40" style="font: 16pt verdana;background-color:lightblue;color:black;" runat="server"> <option>This</option> <option>That</option> <option>Other</option> </select> <input type="submit" id="SubmitBtn" OnServerClick="SubmitBtn_Click" runat="server"/> </form> </body> </html> [C++] No example is available for C++. To view a Visual Basic, C#, or JScript example, click the Language Filter button in the upper-left corner of the page. Requirements Platforms: Windows 2000, Windows XP Professional, Windows .NET Server family See Also AttributeCollection Class &#124 AttributeCollection Members &#124 System.Web.UI Namespace &#124 HtmlControl.Attributes &#124 WebControl.Attributes -------------------------------------------------------------------------------- Send comments on this topic. ? 2001 Microsoft Corporation. All rights reserved. thx Chris, I guess I'm not understanding the syntax.. If you compare btnSubmit.Attributes.Add("onmouseover","this.style.backgroundColor='#3366cc';this.style.co lor='#ffff99';this.style.borderStyle='Inset';this. style.borderWidth='';this.style.FontStyle='Annifon t';") to FirstSelect.Attributes.Add("Multiple", "True") In the button rollover it is more like this btnSubmit.Attribute.Add(***EVENT****, ***ATTRIBUTE(S) TO BE CHANGED***) where as with the listbox I really don't understand..I guess there is no event really in this one, it just instead adds the "Multiple" property as the selectmode and I'm not really sure what "True" is doing?? I mean here is how Microsoft explains it: [Visual Basic] Public Sub Add( _ ByVal key As String, _ ByVal value As String _ ) Parameters key The index assigned to the new attribute in the collection. value The attribute to store in the collection. Looking at their example and then looking at that, I just don't understand it.. Sorry for such dumb questions, I'm not a programmer by day!! Thx again =) The simple and important part is: "The Attributes collection contains a collection of all attributes declared in the opening tag of a Web server control. This allows you to programmatically control the attributes associated with a Web server control. You can add attributes to the collection or remove attributes from the collection." So, anything that can be declared in an opening tag of an element can be added to or removed from the attributes collection. Properties and Events fall into this category. For your button, you are adding the onMouseOver event to the attributes collecton. For the ListBox example, a property, Multiple, is being added and set to True. This may confuse you because plain HTML just uses "Multiple", whith no value - it assumes "True". You could, however use the syntax: Multiple="True" and it would function the same. I hope this clears it up some.I think I understand now, thanks!! =) I'm having some problems with using the method now however. <%@ Page Language="VB" %> <%@ Import Namespace="System.Drawing" %> <script runat="server"> Sub page_load(obj as Object, e as EventArgs) lbMenu.Attributes.Add("Multiple","True") lbMenu.Attributes.Add("BackColor","Red") lbMenu.Attributes.Add("Rows","2") End Sub </script> <html> <body> <asp:ListBox id="lbMenu" runat="server"> <asp:Listitem>Red</asp:Listitem> <asp:Listitem>Blue</asp:Listitem> <asp:Listitem>Green</asp:Listitem> <asp:Listitem>White</asp:Listitem> <asp:Listitem>Orange</asp:Listitem> </asp:ListBox> </body> </html> The only one that works is the selectmode. I can't get the color or rows property to set. Any ideas?

dynamic html with asp.net

momiasymn

New Member