CD-383Appendix F . Examples from Parts III and IV if (document.selection) { document.forms[0].selectedText.value = document.selection.createRange().text event.cancelBubble = true } } } if (isNav4) { document.captureEvents(Event.MOUSEUP) } document.onmouseup = showSelection

Getting Selected Text

---

Select some text and see how JavaScript can capture the selection:

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.

open([ mimeType ] [, replace]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example You can see an example of where the document.open() method fits in the scheme of dynamically creating content for another frame in the discussion of the document.write() method, later in this chapter. document.open()
If you are looking for cheap and quality webhost to host and run your website check Jboss Web Hosting services.

CD-382 Part VI . Appendixes Example Use The Evaluator to test out the getElementsByName()method. All form elements in the upper part of the page have names associated with them. Enter the following statements into the top text field and observe the results: document.getElementsByName( output ) document.getElementsByName( speed ).length document.getElementsByName( speed )[0].value You can also explore all of the properties of the text field by typing the following expression into the bottom field: document.getElementsByName( speed )[0] getSelection() NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example The document in Listing 18-15 provides a cross-browser (but not IE5/Mac) solution to capturing text that a user selects in the page. Selected text is displayed in the textarea. The script uses browser detection and branching to accommodate the diverse ways of recognizing the event and reading the selected text. Listing 18-15: Capturing a Text Selection

document.elementFromPoint() Method

---

Roll the mouse around the page. The coordinates of the mouse pointer are currently atop an element
whose ID is: .

 

Continued document.elementFromPoint()
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-378 Part VI . Appendixes createTextNode( text ) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example While Chapter 14 and 15 (Listing 15-21, for instance) provide numerous examples of the createTextNode()method at work, using The Evaluator (Chapter 13) is instructive to see just what the method generates in IE5+ and NN6. You can use one of the built-in global variables of The Evaluator to hold a reference to a newly generated text node by entering the following statement into the top text field: a = document.createTextNode( Hello ) The Results box shows that an object was created. Now, look at the properties of the object by typing a into the bottom text field. The precise listings of properties varies between IE5+ and NN6, but the W3C DOM properties that they share in common indicate that the object is a node type 3 with a node name of #text. No parents, children, or siblings exist yet because the object created here is not part of the document hierarchy tree until it is explicitly added to the document. To see how insertion works, enter the following statement into the top text field to append the text node to the myPparagraph: document.getElementById( myP ).appendChild(a) The word Hello appears at the end of the simple paragraph lower on the page. Now you can modify the text of that node either via the reference from the point of view of the containing P element or via the global variable reference for the newly created node: document.getElementById( myP ).lastChild.nodeValue = Howdy or a.nodeValue = Howdy document.createTextNode()
We would like to recommend you tested and proved virtual web hosting services, which you will surely find to be of great quality.

CD-377Appendix F . Examples from Parts III and IV Notice that by specifying a position of zero for the imported style sheet, the addition of the internal style sheet always comes afterward in styleSheetobject sequence. Thus, except when you deploy only the external style sheet, the red text color of the P elements override the blue color of the external style sheet. If you remove the second parameter of the createStyleSheet() method in addStyle2(), the external style sheet is appended to the end of the list. If it is the last style sheet to be added, the blue color prevails. Repeatedly clicking the buttons in this example continues to add the style sheets to the document. Listing 18-13: Using document.createStyleSheet()

document.createStyleSheet() Method

---

 

Section 1

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim adminim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Section 2

Duis aute irure dolor in reprehenderit involuptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deseruntmollit anim id est laborum.

document.createStyleSheet()
Note: If you are looking for cheap and reliable webhost to host and run your mysql application check mysql web server services.

CD-376 Part VI . Appendixes createElement( tagName ) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Chapter 15 contains numerous examples of the document.createElement() method in concert with methods that add or replace content to a document. See Listings 15-10, 15-21, 15-22,15 -28, 15-29, and 15-31. createEventObject([eventObject]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example See the discussion of the fireEvent() method in Chapter 15 for an example of the sequence to follow when creating an event to fire on an element. createStyleSheet([ URL [, index]]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Listing 18-13 demonstrates adding an internal and external style sheet to a document. For the internal addition, the addStyle1()function invokes document. createStyleSheet() and adds a rule governing the P elements of the page (not available for IE5/Mac). In the addStyle2()function, an external file is loaded. That file contains the following two style rules: H2 {font-size:20pt; color:blue} P {color:blue} document.createStyleSheet()
We would like to recommend you tested and proved virtual web hosting services, which you will surely find to be of great quality.

CD-375Appendix F . Examples from Parts III and IV close() NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Before you experiment with the document.close()method, be sure you understand the document.write() method described later in this chapter. After that, make a separate set of the three documents for that method s example (Listings 18-16 through 18-18 in a different directory or folder). In the takePulse()function listing, comment out the document.close() statement, as shown here: msg +=

Make it a great day! parent.frames[1].document.write(msg) //parent.frames[1].document.close() Now try the pages on your browser. You see that each click of the upper button appends text to the bottom frame, without first removing the previous text. The reason is that the previous layout stream was never closed. The document thinks that you re still writing to it. Also, without properly closing the stream, the last line of text may not appear in the most recently written batch. createAttribute( attributeName ) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Unfortunately, the setAttributeNode()method in NN6 does not yet work with attributes generated by the createAttribute() method. This will be fixed eventually, and you can experiment adding attributes to sample elements in The Evaluator. In the meantime, you can still create an attribute and inspect its properties. Enter the following text into the top text box: a = document.createAttribute( author ) Now enter ainto the bottom text box to inspect the properties of an Attrobject. document.createAttribute()
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-374 Part VI . Appendixes selection NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example See Listings 15-30 and 15-39 in Chapter 15 to see the document.selectionproperty in action for script-controlled copying and pasting (IE/Windows only). URL See location. vlinkColor See alinkColor. width See height. Methods captureEvents(eventTypeList) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example See the example for the NN4 window.captureEvents() method in Chapter 16 (Listing 16-21) to see how to capture events on their way to other objects. In that example, you can substitute the documentreference for the window reference to see how the document version of the method works just like the window version. If you understand the mechanism for windows, you understand it for documents. The same is true for the other NN4 event methods. document.captureEvents()
Note: In case you are looking for affordable and reliable webhost to host and run your j2ee application check Vision J2ee Web Hosting services.