Avatar billede www.isys.dk Nybegynder
27. februar 2001 - 14:19 Der er 16 kommentarer og
2 løsninger

Højde og brede på vindue

Hvis vinduet ikke er fuldt slået ud. Hvordan får man så fat på højden og breden? Gerne uden statusbar, scrollbar mm.

Altså ikke højden og breden på skærmen, men på vinduet.
Avatar billede netsrac Praktikant
27. februar 2001 - 14:24 #1
hojde = window.outerHeight;
bredde = window.outerWidth;
Avatar billede nikolajdu Nybegynder
27. februar 2001 - 14:24 #2
Det er noget med: screen.availWidth,screen.availHeight
Avatar billede spectual Nybegynder
27. februar 2001 - 14:26 #3
Bredden:

bredde = document.clientWidth-16;  (-16 pga. rullebar)

Højden:

hoejde = document.clientHeight-16; (-16 pga. rullebar)
Avatar billede netsrac Praktikant
27. februar 2001 - 14:27 #4
nikolajdu >> Det er skærmens størrelse.
Avatar billede dudal Nybegynder
27. februar 2001 - 14:27 #5
Avatar billede spectual Nybegynder
27. februar 2001 - 14:28 #6
til ovenstående svar: clientHeight giver højden på det visuelle vindue + højden af rullebaren (som altid er 16 pixels høj).
clientWidth giver bredde inkl. rullebar. Den vertikale rullebar er altid 16 pixels bred.
Avatar billede nikolajdu Nybegynder
27. februar 2001 - 14:28 #7
Sorry jeg tror sgu jeg lægger mig. Er jo helt væk.
Avatar billede spectual Nybegynder
27. februar 2001 - 14:28 #8
(altså mit eget svar)
Avatar billede spectual Nybegynder
27. februar 2001 - 14:32 #9
<html><body>
<script language=\"JavaScript\">

function visinfo () {
var bredde = document.clientWidth-16;
var hoejde = document.clientHeight-16;

alert (\'Information om dit browservindue:\');
alert (bredde+\' pixels bred\');
alert (hoejde+\' pixels høj\');
}

</script>

<input type=\"button\" onClick=\"java script:visinfo();\" value=\"Vis info\"></input>
</body></html>
Avatar billede spectual Nybegynder
27. februar 2001 - 14:32 #10
copy\'n paste mit svar ind og se det virke.
Avatar billede netsrac Praktikant
27. februar 2001 - 14:35 #11
spectual >> Jeg får NaN
Avatar billede stigc Nybegynder
27. februar 2001 - 14:37 #12
Man skal bare drikke masser af vand. Så virker det.
Avatar billede spectual Nybegynder
27. februar 2001 - 14:37 #13
Ups:

Her virker det:

<html><body>
<script language=\"JavaScript\">

function visinfo () {
var bredde = document.body.clientWidth-16;
var hoejde = document.body.clientHeight-16;

alert (\'Information om dit browservindue:\');
alert (bredde+\' pixels bred\');
alert (hoejde+\' pixels høj\');
}

</script>

<input type=\"button\" onClick=\"java script:visinfo();\" value=\"Vis info\"></input>
</body></html>
Avatar billede spectual Nybegynder
27. februar 2001 - 14:44 #14
Hvordan kan det lade sig gøre at give 99 points til een og 1 point til en anden?
Avatar billede nikolajdu Nybegynder
27. februar 2001 - 14:49 #15
Spectual det virker ikke i Netscape.

Det gør den her version til gengæld.

<html><body>
<script language=\"JavaScript\">

function visinfo(){
  if (document.layers) {
      width = window.innerWidth-16;
      height = window.innerHeight-16;
  }
  else if (document.all) {
      width = document.body.clientWidth-16;
      height = document.body.clientHeight-16;
  }

alert (\'Information om dit browservindue:\');
alert (width+\' pixels bred\');
alert (height+\' pixels høj\');
}

</script>
<form>
<input type=\"button\" onClick=\"java script:visinfo();\" value=\"Vis info\">
</form>

</body></html>


Knappen blev slet ikke vist i Netscape før <form></form> kom på.

Nå, men skidt spørgsmålet er jo ligesom lukket.
Avatar billede spectual Nybegynder
27. februar 2001 - 14:53 #16
Det var heller ikke et krav
Avatar billede nikolajdu Nybegynder
27. februar 2001 - 15:04 #17
Er det ikke et meget normalt krav at scripts skal virke crossbrowser. Anyway vi lader det ligge. Det var såmænd bare en konstatering.

http://www.fotx.net/nikolajdu/
Avatar billede olebole Juniormester
27. februar 2001 - 17:18 #18
<ole>
nikolajdu >> RIGTIGT...! :)
Det er ALTID et krav blandt ordentlige programmører, at tingene fungerer X-browser/X-platform...det er ikke nødvendigt at specificere!
Nu da NS6 er en realitet, burde man vel iøvrigt også lige tage den med:

<script language=\"JavaScript\">

function visinfo(){
  if (document.layers) {
      width = window.innerWidth-16;
      height = window.innerHeight-16;
  }
  else if (document.all || document.getElementById) {
      width = document.body.clientWidth-16;
      height = document.body.clientHeight-16;
  }

alert (\'Information om dit browservindue:\');
alert (width+\' pixels bred\');
alert (height+\' pixels høj\');
}

</script>

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester