Home + Webmaster + Script + Javascript + Finestre e Frame + Ridimensiona la finestra

Ridimensiona la finestra

Un Javascript che permette di ridimensionare la finestra del browser a proprio piacimento

<html>
<head>
<title>Ridimensiona la finestra</title>
<script language="JavaScript1.2">
var ieDiffWidth;
var ieDiffHeight;
function init() {
var w, h, offW, offH, diffW, diffH;
// For IE, we can't directly get the outer window dimensions so we resize the
  // window and find the amount of change to the inner dimensions. Then we
  // restore it to the original size and save the difference for calculating
  // the outer dimensions.
  if (document.all) {
    offW = document.body.offsetWidth;
    offH = document.body.offsetHeight;
    window.resizeTo(800, 600);
    diffW = document.body.offsetWidth  - offW;
    diffH = document.body.offsetHeight - offH;
    w  = 800 - diffW;
    h = 600 - diffH;
    ieDiffWidth  = w  - offW;
    ieDiffHeight = h - offH;
    window.resizeTo(w, h);
  }
  // For NS, capture the resize event.
  if (document.layers) {
    window.captureEvents(Event.Resize)
    window.onResize = showDimensions;
  }
  showDimensions();
}
function sizeWindow(w, h) {
  // Adjust width and height to fit the available screen area.
  w -= screen.width  - screen.availWidth;
  h -= screen.height - screen.availHeight;
  // Adjust for window border which disappears when window is max'd.
  w += 8;
  h += 8;
  // For NS, adjust to account for window.resize() bug.
  if (document.layers) {
    w -= window.outerWidth  - window.innerWidth;
    h -= window.outerHeight - window.innerHeight;
  }
  if (w > 0 && h > 0)
    window.resizeTo(w, h);
  showDimensions();
}
function showDimensions() {
  document.forms[0].screenwidth.value  = screen.width;
  document.forms[0].screenheight.value = screen.height;
  document.forms[0].availwidth.value   = screen.availWidth;
  document.forms[0].availheight.value  = screen.availHeight;
  if (document.layers) {
    document.forms[0].outerwidth.value  = window.outerWidth;
    document.forms[0].outerheight.value = window.outerHeight;
    document.forms[0].innerwidth.value  = window.innerWidth;
    document.forms[0].innerheight.value = window.innerHeight;
  }
  if (document.all) {
    document.forms[0].outerwidth.value  = document.body.offsetWidth  + ieDiffWidth;
    document.forms[0].outerheight.value = document.body.offsetHeight + ieDiffHeight;
    document.forms[0].innerwidth.value  = document.body.offsetWidth;
    document.forms[0].innerheight.value = document.body.offsetHeight;
  }
}
</script>
</head>

<body onLoad="init();" onResize="showDimensions();">
<br>
<div align="center"> Questo script permette di ridimensionare la finestra del 
  browser. <br>
  Nel caso la risoluzione fosse 800x600, a causa delle dimensioni del browser, 
  <br>
  diventerebbe 808x580. Il motivo è spiegato sotto: 
  <p>
  <table border=0 cellpadding=2 cellspacing=2 width=400>
    <tr valign=top>
      <td align=right>800</td>
  <td> </td>
  <td> </td>
      <td align=right>600</td>
  <td> </td>
</tr>
<tr valign=top>
      <td align=right>+8</td>
      <td>(bordo della finestra) </td>
  <td> </td>
      <td align=right>+8</td>
      <td>(bordo della finestra)</td>
</tr>
<tr valign=top>
      <td align=right> </td>
      <td><font face="Arial,Helvetica" size=2>  </font></td>
  <td> </td>
      <td align=right><font face="Arial,Helvetica">-28</font></td>    
      <td>(taskbar)</td>
</tr>
<tr valign=top>
  <td align=right><hr size=1></td>
  <td> </td>
  <td> </td>
  <td align=right><hr size=1></td>
  <td> </td>
</tr>
<tr valign=top>
      <td align=right>808</td>
  <td> </td>
  <td> </td>
      <td align=right>580</td>
  <td> </td>
</tr>
</table>
<p>
<form>
<b><font color="#333333">Dimensioni correnti:</font></b>
<p>
    <table border=0 cellpadding=2 cellspacing=2>
      <tr valign=bottom>
        <td>Schermo:</td>
  <td><input name="screenwidth" type="text" size=3>
      <b>x</b>
      <input name="screenheight" type="text" size=3>

</td>
        <td>Utilizzabile:</td>
  <td><input name="availwidth" type="text" size=3>
      <b>x</b>
      <input name="availheight" type="text" size=3>
  </td>
</tr>
<tr valign=bottom>
        <td>All'esterno della finestra:</td>
  <td><input name="outerwidth" type="text" size=3>
      <b>x</b>
      <input name="outerheight" type="text" size=3>
  </td>
        <td>All'interno della finestra:</td>
  <td><input name="innerwidth" type="text" size=3>
      <b>x</b>
      <input name="innerheight" type="text" size=3>
  </td>
</tr>
</table>
</form>
  <p> <b><font color="#333333">Ridimensiona la finestra:</font></b> 
  <form>
<input type="reset" value="544x378"  onCLick="sizeWindow(544,378);" class="testo10">
<input type="reset" value="640x480"  onCLick="sizeWindow(640,480);" class="testo10">
<input type="reset" value="800x600"  onCLick="sizeWindow(800,600);" class="testo10">
<input type="reset" value="1024x768" onCLick="sizeWindow(1024,768);" class="testo10">
</form>
<p><b><font color="#333333">Bookmarks:</font></b> 
  <p>
  <script language="JavaScript1.2">
if (document.layers) {
  document.writeln('<a href="javascript:void(window.resizeTo( 544 - (screen.width - screen.availWidth) - (window.outerWidth - window.innerWidth) + 8, 378 - (screen.height - screen.availHeight) - (window.outerHeight - window.innerHeight) + 8));">544x378</a> -');
  document.writeln('<a href="javascript:void(window.resizeTo( 640 - (screen.width - screen.availWidth) - (window.outerWidth - window.innerWidth) + 8, 480 - (screen.height - screen.availHeight) - (window.outerHeight - window.innerHeight) + 8));">640x480</a> -');
  document.writeln('<a href="javascript:void(window.resizeTo( 800 - (screen.width - screen.availWidth) - (window.outerWidth - window.innerWidth) + 8, 600 - (screen.height - screen.availHeight) - (window.outerHeight - window.innerHeight) + 8));">800x600</a> -');
  document.writeln('<a href="javascript:void(window.resizeTo(1024 - (screen.width - screen.availWidth) - (window.outerWidth - window.innerWidth) + 8, 768 - (screen.height - screen.availHeight) - (window.outerHeight - window.innerHeight) + 8));">1024x768</a>');
}
if (document.all) {
  document.writeln('<a href="javascript:void(window.resizeTo( 544 - (screen.width - screen.availWidth) + 8, 378 - (screen.height - screen.availHeight) + 8));">544x378</a> -');
  document.writeln('<a href="javascript:void(window.resizeTo( 640 - (screen.width - screen.availWidth) + 8, 480 - (screen.height - screen.availHeight) + 8));">640x480</a> -');
  document.writeln('<a href="javascript:void(window.resizeTo( 800 - (screen.width - screen.availWidth) + 8, 600 - (screen.height - screen.availHeight) + 8));">800x600</a> -');
  document.writeln('<a href="javascript:void(window.resizeTo(1024 - (screen.width - screen.availWidth) + 8, 768 - (screen.height - screen.availHeight) + 8));">1024x768</a>');
}
</script>
</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Guadagna con i sondaggi! Iscriviti adesso e potrai guadagnare qualche soldino partecipando ai sondaggi online!

Hosting illimitato Scegli l'offerta di hosting illimato di Hostek per il tuo sito web. Ottimo servizio e soprattutto ottimi prezzi!

Fai fruttare il tuo sito! Diventa oggi stesso un affiliato Trade Doubler e guadagna qualche soldino con il tuo sito web.