JAVASCRIPT

Start Working With Browser Windows in JavaScript

This series of articles mainly concentrates on working with browser windows and their sub-windows in JavaScript. You can reuse these scripts to inject into server side controls easily (especially in .NET and Java).

Author Info:

By: Jagadish Chaterjee

Poor Best

Rating:

/ 14

April 18, 2006

TABLE OF CONTENTS:

function ButtonMove_onclick() {
      var x = document.all("txtX").value;
      var y = document.all("txtY").value;
      Apply(x,y);
}
//-->
            </script>
      </head>
      <body>
            <form id="form1">
                  Enter X:<input type="text" id="txtX" NAME="txtX"
value="100"><br>
                  Enter Y:<input type="text" id="txtY" NAME="txtY"
value="200"><br>
                  <input type="button" value="Show" id="ButtonMove"
name="ButtonMove" onclick="return ButtonMove_onclick()">
            </form>
      </body>
</html>

Within the above code, I managed to create two textboxes named “txtX” and “txtY” and a button named “ButtonMove.” When the button (buttonMove) is clicked, the control goes to the function “ButtonMove_onclick.” This function mainly captures the values (X and Y) given by the user and finally calls another function, “Apply” (along with passing those values).

The function “Apply” mainly contains the following statement:

window.moveTo(x,y);

The “window” is a built-in object in JavaScript which contains a method, “moveTo.” The method accepts two parameters, left and top (or x and y). The method automatically moves the window to the specified left and top values provided. The above statement moves the current browser window (on which your web page is displayed) to the left and top values you specified within the textboxes. Let us consider another alternative:

window.moveBy(w,h);

This is very similar to what I explained in the previous section.

Next: How to maximize the current browser window using JavaScript >>