JavaScript Examples Bible - UserWorks Technologies

72 JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Listing 15-27 (continued)
document.body.scrollTop
document.all.hiliter.style.pixelBottom = clientRects[n].bottom
document.all.hiliter.style.pixelLeft = hLeft + document.body.scrollLeft
document.all.hiliter.style.pixelWidth = hRight - hLeft
document.all.hiliter.style.visibility = “visible”
} else if (n > 0) {
alert(“The content does not have that many lines.”)
document.all.hiliter.style.visibility = “hidden”
}
}
getClientRects() and getBoundClientRect() Methods
Choose a line to highlight:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Full Width (bounding rectangle)
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
aliquip ex ea commodo
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
elementObject.getBoundingClientRect()