Detecting Where Text Wraps
 

Hi,

If I have a DIV containing a single text node, is there a way to
detect where (or if) the text in that node wraps?

<div>
Some text that possibly wraps to a second line.
</div>

I'd very much appreciate if someone could point me in the right
direction, or even tell me that it's not likely to be easily
accomplished.

Thanks,
Jeff

Re: Detecting Where Text Wraps
 

Jeff Bigham wrote:

> If I have a DIV containing a single text node, is there a way to
> detect where (or if) the text in that node wraps?
>
> <div>
> Some text that possibly wraps to a second line.
> </div>

IE exposes a method getClientRects which you could call on the div
element object and check the length property of the collection returned.
If it is greater than one then there are at least two lines of text in
the div. Each item in the collection is a TextRectangle object with
properties that should allow you to find where the text wraps
See
http://msdn.microsoft.com/en-us/libr...35(VS.85).aspx
An example is here:
http://samples.msdn.microsoft.com/wo...s/rectdemo.htm



I think Firefox 3.0 implements that method too but I have so far not
used it with Firefox so I don't know how compatible the implementations are.
http://developer.mozilla.org/en/DOM/...getClientRects


--

Martin Honnen
http://JavaScript.FAQTs.com/