window





js/script.js
  • function fOpen() {
  •  window.open();
  • }
  •  
  • var newWin = null;
  •  
  • function funOpen() {
  •  newWin = window.open('', '', 'width=400, height=400, top=150, left=250');
  • }
  •  
  • function funAddNote() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.document.open();
  •   newWin.document.write('<h1>Hello World!</h1>');
  •   newWin.document.close();
  •  }
  • }
  •  
  • function funFocus() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.focus();
  •  }
  • }
  •  
  • function funBlur() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.blur();
  •  }
  • }
  •  
  • function funMoveTo() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.moveTo(500, 50);
  •  }
  • }
  •  
  • function funResizeTo() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.resizeTo(200, 200);
  •  }
  • }
  •  
  • function funClose() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin = newWin.close();
  •  }
  • }
  •  
  • window.onload = function() {
  •  document.getElementById('b1').onclick = funOpen;
  •  document.getElementById('b2').onclick = funAddNote;
  •  document.getElementById('b3').onclick = funFocus;
  •  document.getElementById('b4').onclick = funBlur;
  •  document.getElementById('b5').onclick = funClose;
  •  var ara = document.getElementsByTagName('input');
  •  for(var i=0; i<ara.length; i++) {
  •   ara[i].style = 'width: 55px';
  •  }
  • }
  • function fOpen() {
  •  window.open();
  • }
  •  
  • var newWin = null;
  •  
  • function funOpen() {
  •  newWin = window.open('', '', 'width=400, height=400, top=150, left=250');
  • }
  •  
  • function funAddNote() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.document.open();
  •   newWin.document.write('<h1>Hello World!</h1>');
  •   newWin.document.close();
  •  }
  • }
  •  
  • function funFocus() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.focus();
  •  }
  • }
  •  
  • function funBlur() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.blur();
  •  }
  • }
  •  
  • function funMoveTo() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.moveTo(500, 50);
  •  }
  • }
  •  
  • function funResizeTo() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin.resizeTo(200, 200);
  •  }
  • }
  •  
  • function funClose() {
  •  //if a window is open
  •  if(newWin.closed == false) {
  •   newWin = newWin.close();
  •  }
  • }
  •  
  • window.onload = function() {
  •  document.getElementById('b1').onclick = funOpen;
  •  document.getElementById('b2').onclick = funAddNote;
  •  document.getElementById('b3').onclick = funFocus;
  •  document.getElementById('b4').onclick = funBlur;
  •  document.getElementById('b5').onclick = funClose;
  •  var ara = document.getElementsByTagName('input');
  •  for(var i=0; i<ara.length; i++) {
  •   ara[i].style = 'width: 55px';
  •  }
  • }


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <a href="javascript:fOpen()">open()</a>
  •  &nbsp;&nbsp;
  •  <label>Open new window. No of parameters.</label>
  •  <br />
  •  <br />
  •  <input id="b1" type="button" value="open()" />
  •  &nbsp;&nbsp;
  •  <label>Open new window. Yes parameters.</label>
  •  <br />
  •  <br />
  •  <input id="b2" type="button" value="add" />
  •  &nbsp;&nbsp;
  •  <label>Add a note</label>
  •  <br />
  •  <br />
  •  <input id="b3" type="button" value="get()" />
  •  &nbsp;&nbsp;
  •  <label>Get a focus of a window.</label>
  •  <br />
  •  <br />
  •  <input id="b4" type="button" value="blur()" />
  •  &nbsp;&nbsp;
  •  <label>Delete a focus of a window.</label>
  •  <br />
  •  <br />
  •  <a href="javascript:funMoveTo()">funMoveTo()</a>
  •  <br />
  •  <br />
  •  <a href="javascript:funResizeTo()">funResizeTo()</a>
  •  <br />
  •  <br />
  •  <input id="b5" type="button" value="close()" />
  •  &nbsp;&nbsp;
  •  <label>Close window.</label>
  •  </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <a href="javascript:fOpen()">open()</a>
  •  &nbsp;&nbsp;
  •  <label>Open new window. No of parameters.</label>
  •  <br />
  •  <br />
  •  <input id="b1" type="button" value="open()" />
  •  &nbsp;&nbsp;
  •  <label>Open new window. Yes parameters.</label>
  •  <br />
  •  <br />
  •  <input id="b2" type="button" value="add" />
  •  &nbsp;&nbsp;
  •  <label>Add a note</label>
  •  <br />
  •  <br />
  •  <input id="b3" type="button" value="get()" />
  •  &nbsp;&nbsp;
  •  <label>Get a focus of a window.</label>
  •  <br />
  •  <br />
  •  <input id="b4" type="button" value="blur()" />
  •  &nbsp;&nbsp;
  •  <label>Delete a focus of a window.</label>
  •  <br />
  •  <br />
  •  <a href="javascript:funMoveTo()">funMoveTo()</a>
  •  <br />
  •  <br />
  •  <a href="javascript:funResizeTo()">funResizeTo()</a>
  •  <br />
  •  <br />
  •  <input id="b5" type="button" value="close()" />
  •  &nbsp;&nbsp;
  •  <label>Close window.</label>
  •  </body>
  • </html>