CD-142 Part VI . Appendixes Listing 15-11 (continued) First Article (of ten) SIZE=50>

First Article (of ten) SIZE=50>

ARTICLE I

Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the government for a redress of grievances.

isContentEditable NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator (Chapter 13) to experiment with both the contentEditable and isContentEditable properties on the myP and nested myEM elements (reload the page to start with a known version). Check the current setting for the myEM element by typing the following statement into the top text field: myEM.isContentEditable elementObject.isContentEditable
You need excellent and relaible webhost company to host your web applications? Then pay a visit to Inexpensive Web Hosting services.

CD-141Appendix F . Examples from Parts III and IV Example The IE4+ page generated by Listing 15-11 contains an H1 element label and a paragraph of text. The purpose is to demonstrate how the innerHTMLand innerText properties differ in their intent. Two text boxes contain the same combination of text and HTML tags that replaces the inner content of the paragraph s label. If you apply the default content of the first text box to the innerHTMLproperty of the label1 object, the italic style is rendered as such for the first word. In addition, the text in parentheses is rendered with the help of the small style sheet rule assigned by virtue of the surrounding tags. But if you apply that same content to the innerText property of the labelobject, the tags are rendered as is. Use this as a laboratory to experiment with some other content in both text boxes. See what happens when you insert a
tag within some text of both text boxes. Listing 15-11: Using innerHTML and innerText Properties

Continued elementObject.innerHTML
Looking for affordable and reliable webhost to host and run your business application? Then look no more and go to servlet web hosting services.

CD-140 Part VI . Appendixes Press the Tab key several times until the paragraph receives focus. Now, disable the focus rectangle: document.all.myP.hideFocus = true If you now press the Tab key several times, the dotted rectangle does not appear around the paragraph. To prove that the element still receives focus, scroll the page down to the bottom so that the paragraph is not visible (you may have to resize the window). Click one of the focusable elements at the bottom of the page, and then press the Tab key slowly until the Address field toolbar has focus. Press the Tab key once. The page scrolls to bring the paragraph into view, but there is no focus rectangle around the element. id NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Rarely do you need to access this property in a script unless you write an authoring tool that iterates through all elements of a page to extract the IDs assigned by the author. You can retrieve an object reference once you know the object s id property (via the document.getElementById(elemID) method). But if for some reason your script doesn t know the ID of, say, the second paragraph of a document, you can extract that ID as follows: var elemID = document.all.tags( P )[1].id innerHTML innerText NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility ( ) elementObject.innerHTML
Visit our web design programs services for an affordable and reliable webhost to suit all your needs.

CD-139Appendix F . Examples from Parts III and IV

Initial Item 2

Initial Item 3

Initial Item 4

height width NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example The following example increases the width of a table by 10 percent. var tableW = parseInt(document.all.myTable.width) document.all.myTable.width = (tableW * 1.1) + % Because the initial setting for the WIDTH attribute of the TABLE element is set as a percentage value, the script calculation extracts the number from the percentage width string value. In the second statement, the old number is increased by 10 percent and turned into a percentage string by appending the percentage symbol to the value. The resulting string value is assigned to the widthproperty of the table. hideFocus NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator (Chapter 13) to experiment with the hideFocusproperty in IE5.5. Enter the following statement into the top text field to assign a tabIndexvalue to the myPelement so that, by default, the element receives focus and the dotted rectangle: document.all.myP.tabIndex = 1 elementObject.hideFocus
You want to have a cheap webhost for your apache application, then check apache web hosting services.

CD-138 Part VI . Appendixes Listing 15-10: Using firstChild and lastChild Properties

firstChild and lastChild Property Lab

---

Enter some text to add to or replace in the OL element:

1. Initial Item 1 elementObject.firstChild
   If you are in need for cheap and reliable webhost to host your website, we recommend http web server services.

CD-137Appendix F . Examples from Parts III and IV document NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example The following simplified function accepts a parameter that can be any object in a document hierarchy. The script finds out the reference of the object s containing document for further reference to other objects: function getCompanionFormCount(obj) { var ownerDoc = obj.document return ownerDoc.forms.length } Because the ownerDocvariable contains a valid reference to a document object, the return statement uses that reference to return a typical property of the document object hierarchy. firstChild lastChild NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example These two properties come in handy for Listing 15-10, whose job it is to either add or replace LI elements to an existing OLelement. You can enter any text you want to appear at the beginning or end of the list. Using the firstChildand lastChild properties simplifies access to the ends of the list. For the functions that replace child nodes, the example uses the replaceChild()method. Alternatively for IE4+, you can modify the innerText property of the objects returned by the firstChild or lastChild property. This example is especially interesting to watch when you add items to the list: The browser automatically renumbers items to fit the current state of the list. elementObject.firstChild
We recommend you use shared web hosting services, because many users agree that it is cheap, reliable and customer-satisfying webhost.

CD-136 Part VI . Appendixes For more detailed information on Data Source Objects and their properties, visit http://msdn.microsoft.com and search for Data Binding . dir NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Changing this property value in a standard U.S. version of the browser only makes the right margin the starting point for each new line of text (in other words, the characters are not rendered in reverse order). You can experiment with this in The Evaluator by entering the following statements into the expression evaluation field: document.getElementById( myP ).dir = rtl disabled NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility ( ) Example Use The Evaluator (Chapter 13) to experiment with the disabled property on both form elements (IE4+) and regular HTML elements (IE5.5). For IE4+ and NN6, see what happens when you disable the output textarea by entering the following statement into the top text box: document.forms[0].output.disabled = true The textarea is disabled for user entry, although you can still set the field s value property via script (which is how the truereturned value got there). If you have IE5.5+, disable the myP element by entering the following statement into the top text box: document.all.myP.disabled = true The sample paragraph s text turns gray. elementObject.disabled
Searching for affordable and proven webhost to host and run your servlet applications? Go to Linux Web Hosting services and you will find it.

CD-135Appendix F . Examples from Parts III and IV

Academy Awards 1978-1997

Sort list by year from newest to oldest or from oldest to newest.

Filter listings for records whose Best Picture Best Director s Film Best Actress s Film Best Actor s Film is is not Best Picture Best Director s Film Best Actress s Film Best Actor s Film

Year	Film	Director	Actress	Actor

elementObject.dataFld
In case you need quality webspace to host and run your web applications, try our personal web hosting services.

CD-134 Part VI . Appendixes Award information. The data file has eight columns of data, and each column heading is treated as a field name: Year, Best Picture, Best Director, Best Director Film, Best Actress, Best Actress Film, Best Actor, and Best Actor Film. For the design of the page, only five fields from each record appear: Year, Film, Director, Actress, and Actor. Notice in the listing how the HTML for the table and its content is bound to the data source object and the fields within the data. The dynamic part of this example is apparent in how you can sort and filter the data, once loaded into the browser, without further access to the original source data. The TDC object features Sortand Filter properties that enable you to act on the data currently loaded in the browser. The simplest kind of sorting indicates on which field (or fields via a semicolon delimited list of field names) the entire data set should be sorted. Leading the name of the sort field is either a plus (to indicate ascending) or minus (descending) symbol. After setting the data object s Sort property, invoke its Reset()method to tell the object to apply the new property. The data in the bound table is immediately redrawn to reflect any changes. Similarly, you can tell a data collection to display records that meet specific criteria. In Listing 15-9, two select lists and a pair of radio buttons provide the interface to the Filterproperty s settings. For example, you can filter the output to display only those records in which the Best Picture was the same picture of the winning Best Actress s performance. Simple filter expressions are based on field names: dataObj.Filter = Best Picture = Best Actress Film Listing 15-9: Sorting and Filtering Bound Data elementObject.dataFld
Looking for affordable and reliable webhost to host and run your business application? Then look no more and go to servlet web hosting services.

CD-133Appendix F . Examples from Parts III and IV

U.S. Bill of Rights

Another button on the page enables you to switch between the initial piecemeal version of the document and the unformatted version in its entirety. To load the entire document as a single record, the FieldDelim and RowDelimparameters of the second OBJECT element eliminate their default values by replacing them with characters that don t appear in the document at all. And because the external file does not have a field name in the file, the default value (column1 for the lone column in this document) is the data field. Thus, in the toggleComplete()function, the dataSrc property is changed to the desired OBJECT element ID, the dataFld property is set to the correct value for the data source, and the dataFormatAs property is changed to reflect the different intention of the source content (to be rendered as HTML or as plain text). When the display shows the entire document, you can hide the two radio buttons by assigning a classNamevalue to the SPAN element that surrounds the buttons. The className value is the identifier of the class selector in the document s style sheet. When the toggleComplete() function resets the classNameproperty to empty, the default properties (normal inline display style) take hold. One further example demonstrates the kind of power available to the TDC under script control. Listing 15-9 displays table data from a tab-delimited file of Academy elementObject.dataFld
We recommend you use shared web hosting services, because many users agree that it is cheap, reliable and customer-satisfying webhost.