CD-145Appendix F . Examples from Parts III and IV lang NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Values for the lang property consist of strings containing valid ISO language codes. Such codes have, at the minimum, a primary language code (for example, fr for French) plus an optional region specifier (for example, fr-ch for Swiss French). The code to assign a Swiss German value to an element looks like the following: document.all.specialSpan.lang = de-ch language NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Although it is unlikely that you will modify this property, the following example shows you how to do it for a table cell object: document.all.cellA3.language = vbs lastChild See firstchild. length NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility elementObjectCollection.length
You want to have a cheap webhost for your apache application, then check apache web hosting services.

CD-144 Part VI . Appendixes While the myEM element is shown as disabled, no change has accrued to its disabled property: myEM.disabled This property value remains the default false. isMultiLine NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator (Chapter 13) to read the isMultiLineproperty for elements on that page. Try the following statements in the top text box: document.body.isMultiLine document.forms[0].input.isMultiLine myP.isMultiLine myEM.isMultiLine All but the text field form control report that they are capable of occupying multiple lines. isTextEdit NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Good coding practice dictates that your script check for this property before invoking the createTextRange()method on any object. A typical implementation is as follows: if (document.all.myObject.isTextEdit) { var myRange = document.all.myObject.createTextRange() [more statements that act on myRange] } elementObject.isTextEdit
In case you need affordable webhost to host your website, our recommendation is ecommerce web host services.

CD-143Appendix F . Examples from Parts III and IV This value is false because no element upward in the element containment hierarchy is set to be editable yet. Next, turn on editing for the surrounding myPelement: myP.contentEditable = true At this point, the entire myPelement is editable because its child element is set, by default, to inherit the edit state of its parent. Prove it by entering the following statement into the top text box: myEM.isContentEditable While the myEM element is shown to be editable, no change has accrued to its contentEditable property: myEM.contentEditable This property value remains the default inherit. You can see an additional example of these two properties in use in Listing 15-7. isDisabled NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator (Chapter 13) to experiment with both the disabled and isDisabled 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.isDisabled This value is false because no element upward in the element containment hierarchy is set for disabling yet. Next, disable the surrounding myPelement: myP.disabled = true At this point, the entire myPelement (including its children) is disabled. Prove it by entering the following statement into the top text box: myEM.isDisabled elementObject.isDisabled
We highly recommend you visit web and email hosting services if you need stable and cheap web hosting platform for your web applications.

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
Note: If you are looking for cheap and reliable webhost to host and run your mysql application check mysql web server 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
We highly recommend you visit web and email hosting services if you need stable and cheap web hosting platform for your web applications.

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
Searching for affordable and reliable webhost to host and run your web applications? Go to our java web server services and you will be pleased.

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
   Please visit our professional web hosting services to find out about cheap and reliable webhost service that will surely answer all your demands.

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
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-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
We would like to recommend you tested and proved virtual web hosting services, which you will surely find to be of great quality.