CD-448 Part VI . Appendixes Example A majority of examples for other TextRangeobject methods in this chapter use the moveToElementText() method. Listings 19-10 and 19-11 earlier in this chapter show the method within an application context. moveToPoint(x, y) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator to see the moveToPoint() method in action. Begin by creating a text range for the entire BODY element: a = document.body.createTextRange() Now, invoke the moveToPoint() method to a location 100, 100, which turns out to be in the rectangle space of the Results textarea: a.moveToPoint(100,100) If you type a into the bottom text box and view the properties, both the htmlText and text properties are empty because the insertion point represents no visible text content. But if you gradually move, for example, the start point backward one character at a time, you will see the htmlTextand text properties begin to fill in with the body text that comes before the TEXTAREA element, namely the Results: label and the
tag between it and the TEXTAREA element. Enter the following statement into the top text box and click the Evaluate button several times. a.moveStart( character , -1) Enter ainto the bottom text box after each evaluation to list the properties of the range. parentElement() NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility TextRange.parentElement()
Go visit our java server pages services for a reliable, lowcost webhost to satisfy all your needs.

CD-447Appendix F . Examples from Parts III and IV Click on the List Properties button to see that the text of the range now includes the word following the EM element. Try each of the following statements in the top text box and examine both the integer results and (by clicking the List Properties button) the properties of the range after each statement: a.moveStart( word , -1) a.moveEnd( sentence ) Notice that for a sentence, a default unit of 1 expands to the end of the current sentence. And if you move the start point backward by one sentence, you ll see that the lack of a period-ending sentence prior to the myP element causes strange results. Finally, force the start point backward in increments of 20 words and watch the results as the starting point nears and reaches the start of the BODY: a.moveStart( word , -20) Eventually the last movement will be some other value closer to zero. And as soon as the range is at the beginning of the BODY element, the range can move no more in that direction, so the result is zero. moveToBookmark( bookmarkString ) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Listing 19-11 earlier in this chapter shows how to use the moveToBookmark() method to restore a text range so that changes that created the state saved by the bookmark can be undone. The getBookmark() method is used to save the snapshots, while the moveToBookmark() method is used during the undo process. moveToElementText(elemObjRef) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility TextRange.moveToElement()
We recommend you use shared web hosting services, because many users agree that it is cheap, reliable and customer-satisfying webhost.

CD-446 Part VI . Appendixes Example Use The Evaluator (Chapter 13) to experiment with the move() method. To see how the method returns just the number of units it moves the pointer, begin by creating a text range and set it to enclose the myP element: a = document.body.createTextRange() a.moveToElementText(myP) Now enter the following statement to collapse and move the range backward by 20 words. a.move( word , -20) Continue to click the Evaluate button and watch the returned value in the Results box. The value shows 20while it can still move backward by 20 words. But eventually the last movement will be some other value closer to zero. And after the range is at the beginning of the BODY element, the range can move no more in that direction, so the result is zero. moveEnd( unit [, count]) moveStart( unit [, count]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator (Chapter 13) to experiment with the moveEnd() and moveStart() methods. Begin by creating a text range and set it to enclose the myEM element: a = document.body.createTextRange() a.moveToElementText(myEM) To help you see how movements of the pointers affect the text enclosed by the range, type a into the bottom text box and view all the properties of the text range. Note especially the htmlText and textproperties. Now enter the following statement to move the end of the range forward by one word. a.moveEnd( word ) TextRange.moveEnd()
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-445Appendix F . Examples from Parts III and IV Because the myPtext range is larger than the other, invoke the inRange()method on it, fully expecting the return value of true a.inRange(b) But if you switch the references, you see that the larger text range is not in the smaller one: b.inRange(a) isEqual(otherRangeRef) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator (Chapter 13) to try the isEqual()method. Begin by creating two separate TextRangeobjects, one for the myP element and one for myEM. a = document.body.createTextRange() a.moveToElement(myP) b = document.body.createTextRange() b.moveToElement(myEM) Because these two ranges encompass different sets of text, they are not equal, as the results show from the following statement: a.isEqual(b) But if you now adjust the first range boundaries to surround the myEM element, both ranges are the same values: a.moveToElement(myEM) a.isEqual(b) move( unit [, count]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility TextRange.move()
Please visit Domain Name Hosting services for high quality webhost to host and run your jsp applications.

CD-444 Part VI . Appendixes undo buffer has data stored in it, the function loops through the array of bookmarks and replaces the bookmarked text with the old string. The benefit of using the bookmarks rather than using the replacement function again is that only those ranges originally affected by the search-and-replace operation are touched in the undo operation. For example, in this document if you replace a case-sensitive states with States two replacements are performed. At that point, however, the document has four instances of States, two of which existed before. Redoing the replacement function by inverting the search and replace strings would convert all four back to the lowercase version not the desired effect. getBookmark() NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Listing 19-11 earlier in this chapter shows how the getBookmark() method is used to preserve specifications for text ranges so that they can be called upon again to be used to undo changes made to the text range. The getBookmark() method is used to save the snapshots, while the moveToBookmark() method is used during the undo process. inRange(otherRangeRef) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Use The Evaluator (Chapter 13) to see the inRange()method in action. The following statements generate two distinct text ranges, one for the myP paragraph element and the other for the myEM element nested within. a = document.body.createTextRange() a.moveToElementText(myP) b = document.body.createTextRange() b.moveToElementText(myEM) TextRange.inRange()
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-443Appendix F . Examples from Parts III and IV 0 items found and replaced.

Having a search and replace function available in a document is only one-half of the battle The other half is offering the facilities to undo the changes. To that end, Listing 19-11 includes an undo buffer that accurately undoes only the changes made in the initial replacement actions. The undo buffer stores its data in two global variables. The first, origSearchString, is simply the string used to perform the original search. This variable is the string that has to be put back in the places where it had been replaced. The second global variable is an array that stores TextRangebookmarks (see getBookmark()later in this chapter). These references are string values that don t mean much to humans, but the browser can use them to recreate a range with its desired start and end point. Values for both the global search string and bookmark specifications are stored in calls to the pushUndoNew() method each time text is replaced. A perhaps unexpected action of setting the text property of a text range is that the start and end points collapse to the end of the new text. Because the stored bookmark must include the replaced text as part of its specification, the start point of the current range must be adjusted back to the beginning of the replacement text before the bookmark can be saved. Thus, the pushUndoNew() function receives the replacement text string so that the moveStart()method can be adjusted by the number of characters matching the length of the replacement string. After all of the bookmarks are stored in the array, the undo action can do its job in a rather simple for loop inside the undoReplace()function. After verifying that the TextRange.findText()
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-442 Part VI . Appendixes Listing 19-11 (continued) document.all.counter.innerText = i } // BEGIN UNDO BUFFER CODE // buffer global variables var newRanges = new Array() var origSearchString // store original search string and bookmarks of each replaced range function pushUndoNew(rng, srchString, replString) { origSearchString = srchString rng.moveStart( character , -replString.length) newRanges[newRanges.length] = rng.getBookmark() } // empty array and search string global function clearUndoBuffer() { document.all.counter.innerText = 0 origSearchString = newRanges.length = 0 } // perform the undo function undoReplace() { if (newRanges.length && origSearchString) { for (var i = 0; i < newRanges.length; i++) { rng.moveToBookmark(newRanges[i]) rng.text = origSearchString } document.all.counter.innerText = i clearUndoBuffer() } }

TextRange.findText() Method

---

Enter a string to search for in the following text:   Case-sensitive   Whole words only

Enter a string with which to replace found text:

TextRange.findText()
You want to have a cheap webhost for your apache application, then check apache web hosting services.

CD-441Appendix F . Examples from Parts III and IV // global range var for use with Undo var rng // return findText() third parameter arguments function getArgs(form) { var isCaseSensitive = (form.caseSensitive.checked) ? 4 : 0 var isWholeWord = (form.wholeWord.checked) ? 2 : 0 return isCaseSensitive ^ isWholeWord } // prompted search and replace function sAndR(form) { var srchString = form.searchString.value var replString = form.replaceString.value if (srchString) { var args = getArgs(form) rng = document.body.createTextRange() rng.moveToElementText(rights) clearUndoBuffer() while (rng.findText(srchString, 10000, args)) { rng.select() rng.scrollIntoView() if (confirm( Replace? )) { rng.text = replString pushUndoNew(rng, srchString, replString) } rng.collapse(false) } } } // unprompted search and replace with counter function sAndRCount(form) { var srchString = form.searchString.value var replString = form.replaceString.value var i if (srchString) { var args = getArgs(form) rng = document.body.createTextRange() rng.moveToElementText(rights) for (i = 0; rng.findText(srchString, 10000, args); i++) { rng.text = replString pushUndoNew(rng, srchString, replString) rng.collapse(false) } if (i > 1) { clearUndoBuffer() } } Continued TextRange.findText()
In case you need affordable webhost to host your website, our recommendation is ecommerce web host services.

CD-440 Part VI . Appendixes Example You can find examples of the expand()method in Listing 15-14. findText( searchString [,searchScope,flags]) NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5 Compatibility Example Listing 19-11 implements two varieties of text search and replace operation, while showing you how to include extra parameters for case-sensitive and whole word searches. Both approaches begin by creating a TextRangefor the entire body, but they immediately shift the starting point to the beginning of the DIV element that contains the text to search. One search and replace function prompts the user to accept or decline replacement for each instance of a found string. The select() and scrollIntoView() methods are invoked to help the user see what is about to be replaced. Notice that even when the user declines to accept the replacement, the text range is collapsed to the end of the found range so that the next search can begin after the previously found text. Without the collapse() method, the search can get caught in an infinite loop as it keeps finding the same text over and over (with no replacement made). Because no counting is required, this search and replace operation is implemented inside a while repeat loop. The other search and replace function goes ahead and replaces every match and then displays the number of replacements made. After the loop exits (because there are no more matches), the loop counter is used to display the number of replacements made. Listing 19-11: Two Search and Replace Approaches (with Undo)