Question

Possible Duplicate:
How to get number of rows in <textarea >?

I have a div inside a page layout, and the user will enter text in it:

 <div> user text will go here </div>

I would like to count the number of text rows the div actually occupies in the layout once the user has entered text. Notice this will vary according to the screen resolution, or the window size.

Is there a way to do so?

Even better, is there a way to get the div height in pixels?

I’m using GWT, but a JavaScript solution would do as well.

Thanks!

Answer 1

Even better, is there a way to get the div height in pixels?

If you have a com.google.gwt.user.client.Element, then just call

element.getClientHeight()

From the Javadoc of getClientHeight():

Returns the inner height of an element in pixels, including padding but not
the horizontal scrollbar height, border, or margin.

If you have a Widget, e.g. a com.google.gwt.user.client.ui.Label, use

label.getElement().getClientHeight()

In some circumstances, it may be useful to call this within Scheduler.scheduleDeferred, to make sure all styling has been applied before the height calculation is performed.