---
title: "Yta i webbläsaren?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/136883-yta-i-webbläsaren"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "webbSAJTEN"
published: "2005-11-03T09:44:12.000Z"
updated: "2005-11-05T15:22:26.000Z"
replies: 17
views: 423
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/136883-yta-i-webbläsaren"
---

# Yta i webbläsaren?

## #1 — webbSAJTEN, 2005-11-03T09:44Z

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 :)

Permalänk: https://www.webforum.nu/p/136883

## #2 — Web-Tor, 2005-11-03T09:53Z

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](http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clientwidth.asp?frame=true)
[clientHeight](http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clientheight.asp?frame=true)

[scrollWidth](http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrollwidth.asp?frame=true)
[scrollHeight](http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrollheight.asp?frame=true)

Permalänk: https://www.webforum.nu/p/1698475

## #3 — webbSAJTEN, 2005-11-03T21:27Z

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

Permalänk: https://www.webforum.nu/p/1698733

## #4 — webbSAJTEN, 2005-11-03T21:36Z

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"??

Permalänk: https://www.webforum.nu/p/1698739

## #5 — Peter S, 2005-11-03T22:34Z

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

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

Permalänk: https://www.webforum.nu/p/1698772

## #6 — Web-Tor, 2005-11-04T07:51Z

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*.

Permalänk: https://www.webforum.nu/p/1698827

## #7 — webbSAJTEN, 2005-11-04T09:27Z

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å =)

Permalänk: https://www.webforum.nu/p/1698863

## #8 — Peter S, 2005-11-04T09:53Z

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>
```

Permalänk: https://www.webforum.nu/p/1698874

## #9 — webbSAJTEN, 2005-11-04T09:54Z

```
<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...

Permalänk: https://www.webforum.nu/p/1698875

## #10 — webbSAJTEN, 2005-11-04T09:58Z

```
<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..

Permalänk: https://www.webforum.nu/p/1698877

## #11 — Peter S, 2005-11-04T15:05Z

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

Permalänk: https://www.webforum.nu/p/1702177

## #12 — webbSAJTEN, 2005-11-05T10:19Z

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

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

Permalänk: https://www.webforum.nu/p/1702406

## #13 — Peter S, 2005-11-05T13:17Z

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

Permalänk: https://www.webforum.nu/p/1702475

## #14 — webbSAJTEN, 2005-11-05T13:21Z

```
<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...

Permalänk: https://www.webforum.nu/p/1702478

## #15 — Peter S, 2005-11-05T14:02Z

Hur anropar du fnCheckScroll()?

Permalänk: https://www.webforum.nu/p/1702489

## #16 — webbSAJTEN, 2005-11-05T14:19Z

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

Permalänk: https://www.webforum.nu/p/1702494

## #17 — Peter S, 2005-11-05T14:37Z

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>
```

Permalänk: https://www.webforum.nu/p/1702495

## #18 — webbSAJTEN, 2005-11-05T15:22Z

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

Permalänk: https://www.webforum.nu/p/1702508

---

Tråden på webben: https://www.webforum.nu/amne/javascript/136883-yta-i-webbläsaren