How to access the HTML elements loaded into the control?
The HTML elements are accessed in HTMLUI for developing advanced UIs. The HTML elements are collected in a collection class. When the Hashtable is used as a collection class, it stores the HTML elements with a key, specific for each element.
These elements are then assigned to the code variables. The Code Variables are the objects of the classes that are responsible for the functionality of the tag elements. These classes contain the definitions for the properties, methods and events for the tag elements. These variables will be used in accessing the HTML elements inside the code.
The following HTML document shows an input tag textbox element with an id as the key for accessing it in the Hashtable.
<html> <body> <input type="text" id="txt"/> </body> </html>
The following code snippet illustrates accessing the HTML elements from the above document.
//declaring the code variable of the tag element //INPUTElementImpl is responsible for the INPUT tag in HTMLUI INPUTElementImpl text; //Collection class accessing the HTML document with the userID as the key Hashtable tab = this.htmluiControl1.Document.GetElementsByUserIdHash(); //Code variable assigned to the html element with the help of the element's id as //the key this.text = tab["txt"] as INPUTElementImpl; //usage of the code variable inside the project this.text.UserControl.CustomControl.Text = "HTML Elements in HTMLUI";
'declaring the code variable of the tag element 'INPUTElementImpl is responsible for the INPUT tag in HTMLUI Private text As INPUTElementImpl 'Collection class accessing the HTML document with the userID as the key Private tab As Hashtable = Me.HtmluiControl1.Document.GetElementsByUserIdHash() 'Code variable assigned to the html element with the help of the element's id as 'the key Me.Text = CType(IIf(TypeOf tab("txt") Is INPUTElementImpl, tab("txt"), Nothing), INPUTElementImpl) 'usage of the code variable inside the project Me.Text.UserControl.CustomControl.Text = "HTML Elements in HTMLUI"