Window Browser JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Window Browser
  4. Viewing the scrollLeft and scrollTop Properties
/*
JavaScript Bible, Fourth Edition
by Danny Goodman 
Publisher: John Wiley & Sons CopyRight 2001
ISBN: 0764533428
*/


Master of all Windows

function leftFrame() {
    var output = "

Body Scroll Values

\n"
output += "
body.scrollLeft:
\n"
    output += "body.scrollTop:
\n"
    output += ""
    return output
}
function rightFrame() {
    var output = "\n"
    output += "function showOffsets() {\n"
    output += "parent.readout.document.forms[0].xOffset.value =  document.body.scrollLeft"
    output += "parent.readout.document.forms[0].yOffset.value =  document.body.scrollTop}"
    output += "document.onclick = showOffsets\n"
    output += "<\/SCRIPT>"
    output += "Scroll this frame and click on a table border to view page offset values.
"
    output += ""
    var oneRow = "Cell 1Cell 2Cell 3Cell 4" +
        "Cell 5"
    for (var i = 1; i <= 300; i++) {
         output += "Row " + i + "" + oneRow + ""
    }
    output += ""
    return output
}