Avatar billede mik789 Nybegynder
28. juli 2003 - 17:18 Der er 16 kommentarer og
1 løsning

vinduets dimensioner

I forb.m. et sp. her på eksp. har jeg prøvet at lave en oversigt over de vigtigste egenskaber der angiver vinduets dimensioner for hhv Gecko og IE (innerWidth, clientWidth, availWidth, sreenLeft, screenX og tilsvarende for højde). Noget af en jungle - men man skal jo hele tiden bruge disse egenskaber, så det er værd at få styr på dem.

I kan se den her:
www.e-tidsskrift.dk/dev/vinduesdimensioner.html

De værdier der er markeret med gult, er afhængig af om I ser det i IE eller en Gecko browser. Jeg vil godt have svar vedr. fejl og mangler.

Og så mht til availWidth/Height: det ser jo ud som om disse mål er identiske med screen.width/height - så hvad er pointen?

Ligesådan med IE's document.body.offsetWidth/Height - det er jo egnetlig ikke, som jeg skriver, en angivelse af vinduets ydre mål. Men alligevel er der forskel på clientHeight og offsetHeignt i bunden af siden, hvis I ser efter. Så hvordan fungerer offsetHeight/Width i forb.m. vinduet?

//mik
Avatar billede grunken Nybegynder
28. juli 2003 - 17:59 #1
availHeight trækker startmenuen fra, så det giver et mere realistisk billede af den reelle plads til rådighed :)

offsetWidth/Height er documentets bredde inklusiv scrollbars og margins, og har som sådan ikke noget med vinduet at gøre overhovedet :)

clientWidth/Height er så offset.heigth minus bredden/højden af margin og scroolbars
Avatar billede mik789 Nybegynder
28. juli 2003 - 18:12 #2
grunken> hos mig er availHeight = screen.height = 768px - men det har måske så noget at gøre med at jeg kører med startmenuen "sænket ned" som default, dvs. det er kun når jeg kører musen derned, at den "stiger op" igen.

hvis offsetWidth/Height er dokumentets mål inkl. scrollbars, margin, padding osv. må det jo være lig med vinduets inderside, og vel så et meget godt mål for denne? hvad bruger du selv?
Avatar billede grunken Nybegynder
28. juli 2003 - 18:17 #3
Jeps, det er derfor ;)

og jeg giver dig helt ret, og ville såmen selv bruge offsetHeigth/Width :), men som sagt har det intet med et vindue at gøre(selv om alle bruger det dertil), hvis du eks. køre det i en frame vil det jo kun retunere framens bredde ;)
Avatar billede mik789 Nybegynder
28. juli 2003 - 18:33 #4
frame - ja, det er klart, men jeg tænker også en frame som et separat vindue ;-)
Avatar billede mik789 Nybegynder
28. juli 2003 - 18:36 #5
bort set fra det har du ret i at offsetHeight ikke specielt angår vindue. hvis man kigger på forklaringerne på http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp se man at det kan bruges som mål for enthvert boxelement på siden, hvilket vel kan være meget smart
Avatar billede roenving Novice
28. juli 2003 - 22:45 #6
-- og når jeg ser siden i IE er tallene:
Foroven:
IE indre højde [clientHeight]: 681px | top afstand [screenTop]: 92px
IE indre bredde [clientWidth]: 1123px | left afstand [screenLeft]: 4px
IE ydre højde [offsetHeight]: 681px
IE ydre bredde [offsetWidth]: 1123px
Skærmhøjde [screen.height]: 864px | rådighedshøjde [availHeight]: 804px
Skærmbredde [screen.width]: 1152px | rådighedsbredde [availWidth]: 1152px
Og nederst:
IE indre højde [clientHeight]: 977px | IE ydre højde [offsetHeight]: 1013px

-- og i Mozilla:
NS indre højde [innerHeight]: 664px | top afstand [screenY]: 0px
NS indre bredde [innerWidth]: 1142px | left afstand [screenX]: 0px
NS ydre højde [outerHeight]: 804px
NS ydre bredde [outerWidth]: 1152px
Skærmhøjde [screen.height]: 864px | rådighedshøjde [availHeight]: 804px
Skærmbredde [screen.width]: 1152px | rådighedsbredde [availWidth]: 1152px
Nederst:
NS indre højde [innerHeight]: 664px | NS ydre højde [outerHeight]: 804px

-- hvilket jo tydeligt afspejler to vidt forskellige filosofier, hvor både offset- og clientHeight måler på window-objektets virtuelle højde, når det står nederst -- har du forøvrigt prøvet dem med en onload ?-)

(jeg har nogenlunde lige store vinduer i de to browsere, men ikke fuldt maximeret !-)

-- tilsyneladende er det kun screen-properties som er fuldstændig ens og så er clientWidth/-Height nok i praksis stort set ens med innerWidth/-Height _foroven_
Avatar billede mik789 Nybegynder
28. juli 2003 - 23:07 #7
roenving> "har du forøvrigt prøvet dem med en onload ?-)"

nej, hvad skulle det gøre?
Avatar billede roenving Novice
28. juli 2003 - 23:31 #8
Jeg blev bare nysgerrig for at finde ud af, om de så reagerede som om de stod foroven eller forneden ...

-- og jeg er ikke selv nået til at lave min egen undersøgelse af det !o]
Avatar billede mik789 Nybegynder
29. juli 2003 - 00:13 #9
du er velkommen til at prøve - du har hele kilden jo
Avatar billede mik789 Nybegynder
29. juli 2003 - 13:38 #10
kan man i øvrigt regne med at de betegnelser som IE bruger (dvs. Microsofts DHTML betegnelser) også er gyldige i IE til Mac?
Avatar billede roenving Novice
29. juli 2003 - 14:38 #11
-- generelt set, ja, men ikke alle funktioner er tilgængelige på tværs af OS-platform ;-(

-- men de, som er i spil her skulle være globale på tværs af browsere og OS ...

-- men jeg mener at have set et eller andet om, at f.eks. chrome (kanter, menubars m.m.m.) skulle fortolkes anderledes af en Mac, f.eks. er menubar en del af mac'ens styresystem og derfor ikke tilgængelig (skulle kun være et problem med window.open !-)
Avatar billede mik789 Nybegynder
29. juli 2003 - 15:16 #12
øv, det er netop i forb.m. window.open og jeg ville godt undgå menubar osv. Nå, men jeg er vel nødt til at få fat i en Mac og se det selv
Avatar billede roenving Novice
29. juli 2003 - 15:21 #13
-- og f.eks. fullscreen skulle også opføre sig fuldstændig anderledes ...

-- men når du får fat i Mac'en kan du jo prøve min udvidelse af et script fra JavaScript Bible på:

http://roenving.users.whitehat.dk/WindowLaboratory.html
Avatar billede mik789 Nybegynder
24. august 2003 - 08:28 #14
grunken&roenving> hvis I vil have nogle point, så læg lige et svar.
Avatar billede mik789 Nybegynder
05. oktober 2003 - 16:49 #15
skal jeg selv snuppe dem?
Avatar billede grunken Nybegynder
05. oktober 2003 - 16:57 #16
jeg lægger et svar NU ;)
Avatar billede mik789 Nybegynder
12. oktober 2003 - 09:16 #17
det var vist på tide vi fik afsluttet
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