---
title: "innerHeight/clientHeight"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/73244-innerheight-clientheight"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "pakmannen"
published: "2003-04-05T17:52:11.000Z"
updated: "2003-04-07T22:10:33.000Z"
replies: 12
views: 306
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/73244-innerheight-clientheight"
---

# innerHeight/clientHeight

## #1 — pakmannen, 2003-04-05T17:52Z

Denna kod fungerar ej i Mozilla och Netscape, hur bör man göra?

function getViewportHeight() {
// Mozilla, Opera, Safari
if(window.innerHeight)
return window.innerHeight;
	
// standards mode i IE, men ingen annan mode
if(window.document.documentElement.clientHeight)
return document.documentElement.clientHeight;
	
// quirks mode, äldre versioner av IE, och mac IE (allt annat).
return window.document.body.clientHeight;
}

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

## #2 — Jojoxx, 2003-04-05T18:37Z

Fungerar för mig både i Netscape 4.07 och Mozilla 1.0. Kanske felet ligger i någon annan del av scriptet?

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

## #3 — pakmannen, 2003-04-05T18:58Z

Okej, här ligger tydligen felet:

sondera.style.top = toppos;
sondera.style.left = leftpos;

Har alltså en div som har id sondera. Hur skall man skriva i netscape/mozilla?

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

## #4 — Jojoxx, 2003-04-05T19:47Z

Ta en titt [här](http://www.jojoxx.net/jscript/libs/index.html#layerlib), i detta fall moveLayerAbs(). Där ser du exempel för (gammal) IE, Netscape och Mozilla w3c-dom.

Tillägg:
kolla även så att toppos och leftpos är heltal. Jag har för mig att bl.a. gamla Netscape-versioner är känsliga för att placera något på 45.57 pixlar :)

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

## #5 — pakmannen, 2003-04-06T10:39Z

Jag får hela tiden detta fel när jag försöker använda mig av de funktionerna:

'document.all\[...\].style' är null eller inte ett objekt.

Här e koden:
if (document.all){
document.all\[sondera\].style.left = leftpos; document.all\[sondera\].style.top = toppos;
} else if (document.layers){
document.layers\[sondera\].left = leftpos; document.layers\[sondera\].top = toppos;
} else if (document.getElementById){
document.getElementById(sondera).style.left = leftpos+'px'; document.getElementById(sondera).style.top = toppos+'px';
}

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

## #6 — Peter S, 2003-04-06T11:11Z

Sätt ett par "snuffar" kring ordet *sondera* så skall det gå bra.

 :)

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

## #7 — pakmannen, 2003-04-06T14:33Z

Okej, det fungerade ju bra (tackar), men om jag skulle vilja göra så här typ:

 if (document.all){
 document.all\[ruta\].style.background = A9AAD0;
 } else if (document.layers){
 document.layers\[ruta\].background = A9AAD0;
 } else if (document.getElementById){
 document.getElementById(ruta).style.background = A9AAD0;
 }

och sen kunna ändra "ruta" till något typ så här:
onmouseover="light(test)"
om man skrev light('test') fungerade det inte.. Hur gör man då?

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

## #8 — Peter S, 2003-04-06T14:38Z

```
...onmouseover="light('test')"...
```

Sedan skall den hexadecimala koden föregås av en "brädgård" ( # ), samt omges av ett par "snuffar". 

 :)

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

## #9 — pakmannen, 2003-04-06T21:00Z

Jamen detta funkar fortfarande inte!

function light(ruta) {

 if (document.all){
 document.all\[ruta\].style.background = '#A9AAD0';
 } else if (document.layers){
 document.layers\[ruta\].background = '#A9AAD0';
 } else if (document.getElementById){
 document.getElementById(ruta).style.background = '#A9AAD0';
 }

}

och sen detta:
onmouseover="light(div1);"

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

## #10 — Jesper T, 2003-04-06T21:05Z

onmouseover="light('div1');"

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

## #11 — Peter S, 2003-04-06T21:09Z

Läs hela mitt förra inlägg  ;) 

 :)

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

## #12 — pakmannen, 2003-04-07T21:35Z

Men det fungerar liksom inte då heller. Fast det är iförsig så att istället så försvinner div:en. Kan ju ha med något annat att göra.

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

## #13 — Jesper T, 2003-04-07T22:10Z

Försvinner gör den då inte med denna kod. Eventuellt så har du satt en färg i ett css som gör att den inte syns. Men försvinner gör den inte. ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/73244-innerheight-clientheight