I have a div, and the maximum width for this div is user defined. I know I can get it done using element.style.height but this doesn't work in IE.
Any ideas on how to implement the max-height equivalent of Firefox by using javascript?
Add a comment
|
3 Answers
Usually style attribute names are translated into javascript property names by removing the hyphens and camelcase the name instead.
So background-color becomes backgroundColor, text-align becomes textAlign and max-height becomes maxHeight.
You can set an element el's maximum height to mHeight by:
el.style.maxHeight=mHeight;
Remember to use a valid value for mHeight.
2 Comments
T.J. Crowder
Just for clarity, a "valid value for
mHeight" would be a string which includes units, exactly as in CSS. E.g., mHeight = "100px", not mHeight = 100.
GodsBoss
Just for more clarity, it may also be
"0", a percentage string ("50%") or "none", all of these are valid values for max-height (the corresponding CSS property), see w3.org/TR/CSS21/visudet.html#min-max-heightsdocument.getElementById ( "yourelementid" ).style.maxHeight = "100px";
maxHeight was introduced in Windows Internet Explorer 7
Comments
To make the animation time match what is expected, I would use el.scrollHeight to find the required height of the element.
2 Comments
Rafal Zajac
Looks like this might be an answer to some other question...? :-) Or am I missing something? :-)
B-A
Yes, I meant to reply to the top answer. Sorry - I've not used StackOverflow much.