jsUI-Textbox var mytextbox = new Object(); mytextbox = textboxNew("mytextbox", "default", null, null); The jsUI-textbox is a single Javascript Object on the page that, upon instantiation, modifies and controls HTML textboxes that are flagged with specific attributes. The HTML textboxes retain their standard members, and the jsUI-Textbox presents it's own members that can be accessed through the Javascript Object. jsUI-Global/common.js jsUI-Global/uiCommon.js jsUI-textbox/component.js index.htm The DOM Object that contains the modified textboxes. Usually document.body. alert (mytextbox.textboxParent.id); DOM Object. This property is assigned on instantiation and is read only. Gets or sets the string value representing the path to the root of the jsObjects directory. Used for calculating style file paths. Initially set during instantiation. mytextbox.rootDir = "http://localhost/libraries/jsobjects"; http://<server>/jsObjects String. This value only needs to be set if jsObjects is installed in a custom location. Appends jsUI-Textbox methods to all textboxes below the specified parent, that have the required attributes, through assignment into a Javascript object. Required. The name for the new textbox control. Must match the name of an empty Javascript object to contain the control. Optional. The name of the CSS (excluding the extension and path) file to use for the textboxes to be modified by the control. If left blank, "default" will be used. Optional. The DOM object that contains the textboxes to be modified. If no value is passed, the all textboxes in document.body will be modified. Optional. The path to the root of the jsObjects directory. If left blank, the default path will be used. var mytextbox = new Object(); mytextbox = textboxNew("mytextbox", "default", null, "../jsobjects"); The textbox object. This is the only method that does not appear to be a member of the object -- because the object can't have members until it's instantiated. A blank object is created and will be filled with the jsUI-textbox members. Not implemented. The object to disable. This method is not yet implemented. Not implemented. The object to enable. This method is not yet implemented. A method that can be attached to the blur and focus events of a textbox to format numberical values like Excel's General format. <input type="text" datatype="float" datalength="5.2" onfocus="mytextbox.formatNumeric(this, 'out');" onblur="mytextbox.formatNumeric(this, 'in');"/> Fires whenever input is restricted by the textbox control, allowing external code to respond or display feedback to the user. mytoolbar.keyFailed = handler; The handler should accept three string parameters: key - contains the value for the key pressed that fired the event keyCode - contains the key code value for the key pressed that fired the event objID - contains the DOM ID of the textbox on which the event was fired Additional details can be found by accessing the attributes collection of the textbox Inherits from the DOM input Object. The presence of the additional attributes is what signals that a textbox is actually a jsUI-Textbox. Required. A string that specifies what datatype is to be used for validation and input control of the textbox. Valid types include... ANY - Allows any keys to be entered INTEGER - Allows only strictly numeric values to be entered. FLOAT - Allows numeric values, plus numeric modifiers (comma, decimal, minus sign) to be entered. ALPHANUMERIC - Allows strictly numeric or alphabet characters to be entered. ALPHA - Allows only alphabet characters to be entered. READONLY - Restricts all keyboard input. DATE - Accepts numeric values, formatted to mm/dd/yyyy. DATETIME - Accepts numeric values, formatted to mm/dd/yyyy HH:MM:SS. MONTHYEAR - Accepts numeric values, formatted to mm/yyyy. TIME - Accepts numeric values, formatted to HH:MM:SS. PHONENUMBER - Accepts numeric values, formatted to 555-555-5555. CREDITCARD - Accepts numeric values, formatted to 5555-5555-5555-5555. Not useful for AMEX. KEYCODES - Accepts any keyboard input, but displays character code value instead. Optional. Restricts the number of characters that can be entered into a textbox. For a datatype of FLOAT, the length on each side of a decimal by using a data length like 5.2 -- where 5 numbers can be entered before the decimal, and 2 after. <input type="text" datatype="float" datalength="5.2" id="ShippingCost" name="ShippingCost"/> Depending on the skin loaded, jsUI-Textbox fields may have different positioning on the page than expected. Use the style tag to control appearance where necessary. The SPAN tag can be used to provide an in-box caption for a jsUI-Textbox. Use "TextBoxCaption" to use a proceeding span to caption a jsUI-Textbox. Depending on the skin loaded, jsUI-Textbox captioning spans may have different positioning on the page than expected. Use the style tag to control appearance where necessary. <span style="width:305px" class="TextBoxCaption">Company Name</span> <input style="width:305px" type="text" datatype="any" datalength="30" id="CompanyName" name="CompanyName"/>