Yta i webbläsaren?

Tjenare!
Finns det något sätt att ta reda på hur stor arbetsytan är i webbläsaren?
Det är ju olika beroende på om man har olika många toolbars m.m.
Skulle vara kanonbra :)

Det beror lite på vad det är du vill veta men det här borde räcka för att få reda på det mesta:
clientWidth
clientHeight

scrollWidth
scrollHeight

Det kommer nog funka perfa :D
Ska försöka strax..

Använder jag

<SCRIPT>
function fnCheckScroll(){
    var iNewHeight = oDiv.scrollHeight;
    alert("The value of the scrollHeight property is: " 
        + iNewHeight); 
}
</SCRIPT>

Vill jag då sätta min höjd, hur skall jag skriva för att få me iNewHeight, lixom
height="iNewHeight"??

Använder du document.write()? Då

document.write('...height="' + iNewHeight + '"...');

Eller så kan sätta höjden med css?

myObject.style.height=iNewHeight;

Men då måste du först ha en referens till myObject.

Hmm.. Va krånligt allt låter :P
Att sätta den i css låter jäkla smidigt, de där me referens till myObject som jag inte verkar ha..
Hur ska jag göra då?

Annars så funkar ju document.write också =)

Om du sätter ett id på elementet i fråga:

<img [b]id="foo"[/b]...
<script type="text/javascript">document.getElementById([b]"foo"[/b]).style.height = iNewHeight + "px";</script>

<SCRIPT>
document.write('<iframe name="main" src="main.asp" scrolling="auto" WIDTH=722 HEIGHT="' + iNewHeight + 

'"frameborder="0"></iframe>');
</SCRIPT>

Detta fungerar inte alls.. Ingen iFrame syns...

<iframe ID="foo" name="main" src="main.asp" scrolling="auto" WIDTH=722 frameborder="0"></iframe>
<script type="text/javascript">document.getElementById("foo").style.height = iNewHeight;</script>

Testat så me men inge resultat..

Ditt exempel bör fungera. Har variabeln fått något värde?

<SCRIPT>
function fnCheckScroll(){
    var iNewHeight = oDiv.scrollHeight;
}
</SCRIPT>

Sen har jag testat me att ha: onLoad="fnCheckScroll()" i BODY..

Nu blir variabeln lokal för fnCheckScroll(). Ta bort var framför.

<SCRIPT>
function fnCheckScroll(){
    iNewHeight = oDiv.scrollHeight;
}
</SCRIPT>

<iframe ID="foo" name="main" src="main.asp" scrolling="auto" WIDTH=722 frameborder="0"></iframe>
<script type="text/javascript">document.getElementById("foo").style.height = iNewHeight;</script>

onLoad="fnCheckScroll()" ligger i BODY..

Inget kul händer :(
Blir fel på sidan, av javascriptet...

Hur anropar du fnCheckScroll()?

Hmmm.. Jadu =).. De vet jag faktiskt inte :P

Hehe! :e

<iframe id="main" name="main" src="main.asp" scrolling="auto" WIDTH=722 frameborder="1"></iframe>
<script type="text/javascript">document.getElementById("main").height = document.body.clientHeight;</script>

Du kan kika här hur de blev
http://www.ungmedia.se/com/nya2/

Jag vill inte att man ska behöva scrolla hela sidan och de ska funka i olika upplösningar..
I IE funkar de att sätta höjden som 100% men inte i FF..

Så de är lite pyssel kvar :P