ugrás a tartalomhoz

JS tartalomhoz igazodó ablak

DarkRaptor · 2008. Nov. 5. (Sze), 16.53
Sziasztok!

Azt szeretném elérni, hogy ha JS-el nyitok egy új ablakot, amiben van egy táblázat, akkor az ablak mérete pont akkora legyen, mint a táblázat mérete.

ez eddig oké:

iWidth = document.getElementById('tablazat').offsetWidth;
iHeight = document.getElementById('tablazat').offsetHeight;
window.resizeTo(iWidth, iHeight);

a gond az, hogy az ablaknak vannak fölösleges részei (menü, görgetősáv) amik miatt nem lesz akkora, mint a táblázat.

nyílván ezt a fölösleges részt kéne valahogy kiszámolni és hozzáadni a táblázat méreteihez, de hogyan?

előre is köszönöm!
‹ CSS Left margin probléma Firefoxnál? Form input összeadás ›
 ■
1

help please!

DarkRaptor · 2008. Nov. 6. (Cs), 14.14
na srácok eddíg jutottam. FF-ban majdnem jó, annyi gond van, hogy amikor elsőre betöltődik ok, viszont ha nyomok egy F5-öt kissebb lesz az ablak. IE-ben rossz az egész.

<html>
<head>

<style>

body {
  padding: 0px;
  margin: 0px;
}

</style>

<script language="javascript">

function fitPic() {

  var myWidth = 0, myHeight = 0;

  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight
  }

  iWidth = document.getElementById('teszt').offsetWidth;
  iHeight = document.getElementById('teszt').offsetHeight;

  okw = iWidth - myWidth;
  okh = iHeight - myHeight;

  window.resizeTo(iWidth+okw, iHeight+okh);

  self.focus();
}

</script>
</head>

<body onLoad="fitPic();">

<table cellpadding="0" cellspacing="0" border="0" id="teszt" width="100%">
  <tr>
     <td>
        szövegszövegszövegszövegszövegszöveg<br>
        szövegszövegszövegszövegszövegszöveg<br>
        szövegszövegszövegszövegszövegszöveg<br>
        szövegszövegszövegszövegszövegszöveg<br>
        szövegszövegszövegszövegszövegszöveg<br>
        szövegszövegszövegszövegszövegszöveg<br>
        szövegszövegszövegszövegszövegszöveg<br>
        szövegszövegszövegszövegszövegszöveg<br>
     </td>
  </tr>

  <tr>
     <td>
        <input type="button" id="vissza" value="Vissza">
        <input type="button" id="tovabb" value="Tovább">
     </td>
  </tr>
</table>

<script>fitPic();</script>

</body>
</html>

légyszi segítsetek, már véresre gugliztam a szememet, mire eddíg eljutottam! köszi!
2

hasraütés

vbence · 2008. Nov. 6. (Cs), 16.20
Miért nem adsz hozzá hasból számokat: szélességhez huszat, megassághoz negyvenkettőt, majd ha átméretezted az ablakot, akkor a táblázat szélességét 100%ra állíthatod, hogy valóban akkora legyen, mint az ablak, így nem látszik a turpisság :)