Avatar billede djthomas Nybegynder
23. april 2007 - 15:59 Der er 4 kommentarer og
1 løsning

måle høje på elementer

Hejsan.

Hvorfor virker det her ikke?

<head>
    <script type="text/javascript">
   
    function syncronizeDivs(){
       
        var topH = 43;
        var bottomH = 16;
        var dogH = 128;
        var menuH = 0;
       
        menuH = document.getElementById('leftSide').style.height;
       
        alert( menuH );
       
    }
    </script>
</head>


<body onload="syncronizeDivs();">


Grunden til at jeg vil det er at jeg skal have udregnet om elementet "leftSide" er mindre end noget, for så skal jeg manuelt sætte den til en fast højde...

men der står ikke noget i min promt, så jeg ved ikke hvordan jeg skal få højden af elemntet ud i en variabel, så jeg kan regne efter...
Avatar billede mclemens Nybegynder
23. april 2007 - 19:50 #1
prøv document.getElementById('leftSide').offsetHeight;
Avatar billede mclemens Nybegynder
23. april 2007 - 20:17 #2
Et eksempel:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
var aligns=["a","c","d"];
window.onload=function(){

  var h=0;
  for(i=0,j=0;i<aligns.length;i++){
    if(j==0){
      var t=document.getElementById(aligns[i]).offsetHeight;
      if(t>h)h=t;
    }else document.getElementById(aligns[i]).style.height=h+"px";
    if(i==aligns.length-1&&j==0){
      i=-1;j=1;
    }
  }

}
</script>

</head><body>
<div id="a" style="height:300px;width:30px;background:#888;float:left;">a</div>
<div id="b" style="height:200px;width:30px;background:#aaa;float:left;">b</div>
<div id="c" style="height:500px;width:30px;background:#bbb;float:left;">c</div>
<div id="d" style="height:700px;width:30px;background:#ccc;float:left;">d</div>
</body></html>
Avatar billede djthomas Nybegynder
23. april 2007 - 22:56 #3
yes sir - det duer bare - svar og du blir rigere på point :-D
Avatar billede mclemens Nybegynder
23. april 2007 - 23:03 #4
Lækkert nok, her er et svar :o)
Avatar billede mclemens Nybegynder
23. april 2007 - 23:21 #5
Og tak for point :o)
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