CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

lajer Nybegynder

01. april 2008 - 07:45 Der er 5 kommentarer og
1 løsning

Find document height og width (prototype fejler)

Hej

Jeg skal bruge højde og bredde på mit projekt, ikke bare viewport på browseren, men hele højden og bredden når min side er loadet.

Til starte med var det jo nemt bare at nappe Element.getDimensions() fra prototype - men tilsyneladende har v1.6.0.2 af prototype en fejl i IE.

Nu har jeg brugt 3 kvarter time på at finde en alternativ løsning, men det eneste der bliver ved med at dukke op er enten screen dimensions eller viewport.

Nogen der har lavet noget snedigt til at få højde/bredde på hele sitet incl. hvad der måtte ligge under scrollbars - og som er cross broser combatibelt?

På forhånd tak

Synes godt om

showsource Seniormester

01. april 2008 - 08:32 #1

Viewport ?
Du kan jo evt. putte det i en div.

<script type="text/javascript">

var divref = document.getElementById("top_div");
var myHeight = divref.offsetHeight;
var myWidth = divref.offsetWidth;
alert(myHeight+', '+myWidth);

</script>

Synes godt om

lajer Nybegynder

01. april 2008 - 11:55 #2

viewport = de dimensioner du kan se i din browser. Kort fortalt :)

Men glimrende løsning. Har tilføjet check på om viewport er størrer end den omkring liggende div, hvis den er bruges viewport, hvis ikke bruges div størrelse - perfect ;)

Smid et svar showsource, så er der point i hatten.

Synes godt om

lajer Nybegynder

01. april 2008 - 11:59 #3

Ah, skulle nogen have interesse i det færdige script vil jeg da lige paste for god ordensskyld:

document.getDimensions = function()
{
var iHeight = $("CenteringContainer").offsetHeight;
var iWidth = $("CenteringContainer").offsetWidth;

if(document.viewport.getHeight() > iHeight)
{
iHeight = document.viewport.getHeight();
}
if(document.viewport.getWidth() > iWidth)
{
iWidth = document.viewport.getWidth();
}

return { width: iWidth, height: iHeight };
}

Synes godt om

showsource Seniormester

01. april 2008 - 12:02 #4

Ingen point, ellers tak

Synes godt om

lajer Nybegynder

01. april 2008 - 12:10 #5

Så lukker jeg. Men tak for hjælpen i hvert fald.

Synes godt om

olebole Juniormester

01. april 2008 - 16:12 #6

<ole>

"tilsyneladende har v1.6.0.2 af prototype en fejl i IE" >> Prototype.js er ikke andet end fejl! Librariet bygger ret gennemført på invalid og uhensigtsmæssig kode fra midthalvfemserne.

Derudover burde du kunne hente hele dokumentets dimensioner med:
alert(document.documentElement.scrollWidth+" :: "+document.documentElement.scrollHeight)

/mvh
</bole>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS