Avatar billede lizardine Nybegynder
22. april 2003 - 14:05 Der er 18 kommentarer og
2 løsninger

Get Div Height

Hey

Lige et hurtigt spørgsmål vedrørende div tags. Er det muligt via javascript at finde højden på et div tag.

F.eks.

<!-- hvordan finder jeg højden på dette div element -->
<div id="div1">
Tekst 1<br>
Tekst2
</div>

Håber at der nogle der kan hjælpe.
Avatar billede dk_akj Nybegynder
22. april 2003 - 14:09 #1
document.getElementById(div1).style.height

//akj
Avatar billede iver25 Nybegynder
22. april 2003 - 14:09 #2
var divHeight = div1.offsetHeight;
Avatar billede lizardine Nybegynder
22. april 2003 - 14:28 #3
dk_akj >> Ehh jeg får en fejl der lyder 'Object Required'.

<script>
    //Her opstår fejlen!
    alert(document.getElementById('div1').style.height);   
</script>

<div id="div1">
   
    Tekst 1<br>
    Tekst2
</div>
Avatar billede iver25 Nybegynder
22. april 2003 - 14:31 #4
har du prøvet alert(document.all.div1.offsetHeight)???
Avatar billede lizardine Nybegynder
22. april 2003 - 14:34 #5
iver25 >> jeg får en fejlmeddelse der lyder: 'document.all.div1.offsetHeight is null or not an object'.
Avatar billede iver25 Nybegynder
22. april 2003 - 14:36 #6
Laver du din alert inden din side er loaded? Hvis du spørger på et element der endnu ikke er rendered, kommer den med den fejl du får.
Prøv at lave en knap der kalder en funktion hvor du har din alert.
Avatar billede lizardine Nybegynder
22. april 2003 - 14:38 #7
iver25 >> Yes nu virker det.... jeg satte koden i en funktion og kaldte funktionen ved en onload event og nu virker det. Tak for hjælpen iver25.

Vil du poste et svar så jeg også kan tildele dig point?
Avatar billede iver25 Nybegynder
22. april 2003 - 14:41 #8
Det var så lidt.
Avatar billede olebole Juniormester
22. april 2003 - 15:03 #9
<ole>

Men undlad at bruge iver25's kald ... kald korrekt i stedet:
  document.getElementById('div1').offsetHeight;

Så virker det i andet end IE  ;o)

/mvh
</bole>
Avatar billede iver25 Nybegynder
22. april 2003 - 15:05 #10
Jeg udvikler kun til IE, så det er den eneste browser jeg kan hjælpe med :-).
Avatar billede olebole Juniormester
22. april 2003 - 15:22 #11
Det er også fint nok til intranet-løsninger - men det duer da ikke til WWW
Avatar billede Slettet bruger
22. april 2003 - 15:23 #12
Det duer i det hele taget ikke, hvis du vil lære noget om JavaScript. Det skal ind fra flere vinkler! :)
Avatar billede dk_akj Nybegynder
22. april 2003 - 15:24 #13
ole >> Du plejer jo at vide alt om www :-)

Ved du hvordan fordelingen at browsere er rent %mæssigt ??

//akj
Avatar billede olebole Juniormester
22. april 2003 - 15:32 #14
dk_akj >> Ja og nej ..... det er uden reel interesse. Du kan finde masser af opgørelser over den slags, men det siger intet om, hvad det enkelte site bør understøtte. Det afviger nemlig helt enormt fra site til site - alt efter brugersegmentet  :)
/mvh
Avatar billede Slettet bruger
22. april 2003 - 15:35 #15
dk_akj>> Se Google's "Zeitgeist". Det er vel nok et af de bedste billeder. Men generelt holder jeg med olebole!
Avatar billede dk_akj Nybegynder
22. april 2003 - 15:36 #16
Ole>> Helt enig, windowsupdate.com har jo nok ikke mange linuxbrugere og linux....com har nok ikke mange IE'ere. Jeg fik faktisk et mega BUHHHH på en linux side engang, besøgte den med IE :-)

//akj
Avatar billede lizardine Nybegynder
22. april 2003 - 17:25 #17
Til trods for en mindre diskussion så mange tak for jeres besvarelser ;-)
Avatar billede dk_akj Nybegynder
22. april 2003 - 19:31 #18
tak for pts.

//akj
Avatar billede olebole Juniormester
22. april 2003 - 19:39 #19
Men vær lige opmærksom på, at hvis du vil bruge:
  document.getElementById("div1").style.height
kræver det, du har sat højden direkte på div'et (ikke via en class):

<div id="div1" style="height:40px">
  Tekst 1<br>
  Tekst2
</div>

Ellers skal du bruge:
  document.getElementById("div1").offsetHeight

/mvh
Avatar billede olebole Juniormester
22. april 2003 - 19:46 #20
En anden vigtig detalje er, at
  document.getElementById("div1").style.height
giver dig div'ets højde _uden_ borders. Mens
  document.getElementById("div1").offsetHeight
giver dig div'ets højde _med_ borders  ;o)

Desuden skal du huske at rense højden for "px", hvis du skal bruge den til noget (ikke nødvendigt ved offsetHeight):
  parseInt(document.getElementById("div1").style.height)
/mvh
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