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.
  1. <html>  
  2. <head>  
  3.   
  4. <style>  
  5.   
  6. body {  
  7.   padding: 0px;  
  8.   margin: 0px;  
  9. }  
  10.   
  11. </style>  
  12.   
  13. <script language="javascript">  
  14.   
  15. function fitPic() {  
  16.   
  17.   var myWidth = 0, myHeight = 0;  
  18.   
  19.   if( typeof( window.innerWidth ) == 'number' ) {  
  20.     //Non-IE  
  21.     myWidth = window.innerWidth;  
  22.     myHeight = window.innerHeight;  
  23.   } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {  
  24.     //IE 6+ in 'standards compliant mode'  
  25.     myWidth = document.documentElement.clientWidth;  
  26.     myHeight = document.documentElement.clientHeight;  
  27.   } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {  
  28.     //IE 4 compatible  
  29.     myWidth = document.body.clientWidth;  
  30.     myHeight = document.body.clientHeight  
  31.   }  
  32.   
  33.   iWidth = document.getElementById('teszt').offsetWidth;  
  34.   iHeight = document.getElementById('teszt').offsetHeight;  
  35.   
  36.   okw = iWidth - myWidth;  
  37.   okh = iHeight - myHeight;  
  38.   
  39.   window.resizeTo(iWidth+okw, iHeight+okh);  
  40.   
  41.   self.focus();  
  42. }  
  43.   
  44. </script>  
  45. </head>  
  46.   
  47. <body onLoad="fitPic();">  
  48.   
  49. <table cellpadding="0" cellspacing="0" border="0" id="teszt" width="100%">  
  50.   <tr>  
  51.      <td>  
  52.         szövegszövegszövegszövegszövegszöveg<br>  
  53.         szövegszövegszövegszövegszövegszöveg<br>  
  54.         szövegszövegszövegszövegszövegszöveg<br>  
  55.         szövegszövegszövegszövegszövegszöveg<br>  
  56.         szövegszövegszövegszövegszövegszöveg<br>  
  57.         szövegszövegszövegszövegszövegszöveg<br>  
  58.         szövegszövegszövegszövegszövegszöveg<br>  
  59.         szövegszövegszövegszövegszövegszöveg<br>  
  60.      </td>  
  61.   </tr>  
  62.   
  63.   <tr>  
  64.      <td>  
  65.         <input type="button" id="vissza" value="Vissza">  
  66.         <input type="button" id="tovabb" value="Tovább">  
  67.      </td>  
  68.   </tr>  
  69. </table>  
  70.   
  71. <script>fitPic();</script>  
  72.   
  73. </body>  
  74. </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 :)