1 out of 1 rated this helpful - Rate this topic

inRange method

Returns a value indicating whether one range is contained within another.

Syntax

var retval = TextRange.inRange(Range);

Standards information

There are no standards that apply here.

Parameters

Range [in]

Type: IHTMLTxtRange

TextRange object that might be contained.

Return value

Type: Boolean

Boolean that returns one of the following possible values.

Return value	Description
true	Range is contained within or is equal to the TextRange object on which the method is called.
false	Range is not contained within the TextRange object on which the method is called.

Remarks

This feature might not be available on platforms other than Microsoft Win32.

Examples

The following example shows how to use the inRange method to show that two TextRange objects are equal.


<html>
<script type="text/javascript">
window.onload=fnCheck;
function fnCheck(){
    var oRng1 = document.body.createTextRange();
    var oRng2 = oRng1.duplicate();
    var bInside = oRng1.inRange(oRng2); // returns true;
}
</script>
   
<body>
    <div id=div1>
    Content for division 1.
    </div>
    <div id=div2>
    Content for division 2.
    </div>
</body>
</html>

The following example shows how to use the inRange method to show that two contained ranges are not equal.


<html>
<script type="text/javascript">
window.onload=fnCheck;
function fnCheck(){
  	 var oRng1 = document.body.createTextRange(); // create a text range
	   var oRng2 = oRng1.duplicate();		// create a duplicate range base on oRng1

    oRng1.moveToElementText(document.getElementById("div1"));
    oRng2.moveToElementText(document.getElementById("div2"));
    var bInside = oRng1.inRange(oRng2); // returns false;
}
</script>
   
<body>
    <div id="div1">
    Content for division 1.
    </div>
    <div ID="div2">
    Content for division 2.
    </div>
</body>
</html>

The following example shows how to use the inRange method to show that a text range exists within another text range.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/inrange.htm


<html>
<script type="text/javascript">
window.onload=fnCheck;
function fnCheck(){
    var oRng1 = document.body.createTextRange();
    var oRng3 = oRng1.duplicate();
    oRng3.findText('division 1');
    var bInside = oRng1.inRange(oRng3); // returns true; 
}
</script>
<body>
    <div id="div1">
    Content for division 1.
    </div>
    <div ID="div2">
    Content for division 2.
    </div>
</body>
</html>

Community Additions

ADD