Avatar billede 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
Avatar billede 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>
Avatar billede 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.
Avatar billede 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 };
}
Avatar billede showsource Seniormester
01. april 2008 - 12:02 #4
Ingen point, ellers tak
Avatar billede lajer Nybegynder
01. april 2008 - 12:10 #5
Så lukker jeg. Men tak for hjælpen i hvert fald.
Avatar billede 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>
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