'createRange()' Example
<html>
<head>
<script language="JavaScript">
var myRange
function function1() {
myRange = document.body.createTextRange();
myRange.moveToElementText(myText1);
}
function function2() {
var selectR = document.selection.createRange();
alert(myRange.compareEndPoints("StartToEnd", selectR));
}
function function3() {
var selectR = document.selection.createRange();
alert(myRange.compareEndPoints("StartToStart", selectR));
}
function function4() {
var selectR = document.selection.createRange();
alert(myRange.compareEndPoints("EndToStart", selectR));
}
function function5() {
var selectR = document.selection.createRange();
alert(myRange.compareEndPoints("EndToEnd", selectR));
}
</script></head>
<body onLoad="function1();">
<p>This is some text before the text that is used for comparison.</p>
<p id="myText1" style="color:red;">
This is a text stream that is used for the first part of the comparison.</p>
<p>This is a text stream that is used for the second part of the comparison.
Highlight any part of this section with your mouse, then click one of the buttons
below.</p>
<input type="button" value="StartToEnd" onclick="function2();">
<input type="button" value="StartToStart" onclick="function3();">
<input type="button" value="EndToStart" onclick="function4();">
<input type="button" value="EndToEnd" onclick="function5();">
</body>
</html>
Related examples in the same category