(javascript) getting a div's height

[msimmons]

I have a div that will have a dynamic height. It will only vary on page load but will be different from time to time so I cannot hard code the height (need to know the height in a different function). Here is what I tried:

var temptest = getElementById('content').style.height;
alert(temptest);

this gives me the 'object expected' error...

any hints?
Michael

[punkpie_uk]

style.width only sets it, not gets the value.

Heres the good old findxxxx functions.

example for <div id="layer1" style="position:absolute; left:100px;">

alert(findleft('layer1'));

this will (should) return 100.

function findleft(objectID){
  if (findDom(objectID).left){return findDom(objectID).left;}
  if (findDom(objectID).pixelLeft){return findDom(objectID).pixelLeft;}
  if (findDom(objectID).offsetLeft){return findDom(objectID).offsetLeft;}
  return 'null';
}

function findtop(objectID){
  if (findDom(objectID).top){return findDom(objectID).top;}
  if (findDom(objectID).pixelTop){return findDom(objectID).pixelTop;}
  if (findDom(objectID).offsetTop){return findDom(objectID).offsetTop;}
  return 'null';
}

function findwidth(objectID){
  if (findDom(objectID).offsetWidth){return findDom(objectID).offsetWidth;}
  if (findDom(objectID).clip.width){return findDom(objectID).clip.width;}
  return 'null';
}

function findheight(objectID){
  if (findDom(objectID).offsetHeight){return findDom(objectID).offsetHeight;}
  if (findDom(objectID).clip.height){return findDom(objectID).clip.height;}
  return 'null';
}

function findDom(objectID){
   if (document.all){
     return document.all(objectID);
   } else if (document.getElementById){
     return document.getElementById(objectID);
   } else if (document.layers){
     return (document.layers[objectID]);
   }
}

[Rick Bull]

Thanks Lee, that's one snippet for the templates directory!

[CiberTHuG]

Now if someone wanted to rewrite that in concise, compliant JavaScript. I think all of that would drop to twelve lines.

[punkpie_uk]

Be my guest, Travis.

I only have it like that so I can snip the code as I need it. I use a lot of javascripts that way

[Rick Bull]

What's wrong with it?

[CiberTHuG]

Nothing is wrong with it. But it is 27 lines instead of 12.

[Rick Bull]

So how can you compact it more?