That FitText script looks very good, at least the demo (haven't checked the code)
On Mon, Feb 22, 2010 at 4:15 PM, Ryan Florence <[email protected]> wrote: > Anybody wanna fork http://mootools.net/forge/p/fittext and make it bettwer > with some of this stuff? :D > > On Feb 22, 2010, at 4:15 PM, Barry van Oudtshoorn wrote: > > I wrote a small function implemented on String that will ellipsise strings > for you... Beginning, middle or end. Similar to bootle's approach, but with > the function implemented on the string. > > http://www.barryvan.com.au/2009/08/javascript-string-ellipsising/ > > As far as I know, if you want to dynamically determine text width, you have > two options: > > 1) Use canvas, which isn't supported in all browsers; > 2) Create an absolutely positioned element with no word-wrapping, and add > characters to it until its pixel length reaches some value, which is slow. > > Personally, I've found that just using a simple character count works > pretty well in most cases. If you get the right value, the worst that can > happen is extra whitespace in your elements. > > http://barryvan.com.au/ > [email protected] > > > On Tue, Feb 23, 2010 at 7:01 AM, Roman Land <[email protected]> wrote: > >> Thanks for sharing Bootle! >> >> This looks like a possible solution indeed, would be interested to see >> something even cleverer.. >> For example I dont want to calculate max chars manually... >> >> Wonder if there's a plugin that can do this..? >> >> >> On Mon, Feb 22, 2010 at 11:39 PM, bootle <[email protected]> wrote: >> >>> wow, sorry, this one is better: http://www.jsfiddle.net/3fGs3/6/ >>> >>> On Feb 22, 9:34 pm, bootle <[email protected]> wrote: >>> > Should be visible for box 5, don't have FF3.5.8 here but I guess it's >>> > the same in 3.6. >>> > It just breaks super long continuous strings into parts so that they >>> > don't go out of wrapper in width. As for text running out the box in >>> > height I'd just estimate how many chars will fit there and substring >>> > the content like here:http://www.jsfiddle.net/3fGs3/5/you could also >>> > run a while loop and check for height of the content I think it would >>> > be pretty inefficient for larger amounts of stuff tho >>> > >>> > On Feb 22, 9:10 pm, "Matthew Hazlett" <[email protected]> wrote: >>> > >>> > > No effect in FF 3.5.8 or ie 8, well for me at least >>> > >>> > > -----Original Message----- >>> > > From: [email protected] >>> > >>> > > [mailto:[email protected]] On Behalf Of bootle >>> > > Sent: Monday, February 22, 2010 3:40 PM >>> > > To: MooTools Users >>> > > Subject: [Moo] Re: Pretty text trimming >>> > >>> > > hey, >>> > >>> > > You can use 'word-wrap: break-word' in CSS, like here: >>> http://www.jsfiddle.net/3fGs3/4/ >>> > >>> > > Hope that helps, >>> > >>> > > Matt >>> > >>> > > On Feb 22, 8:27 pm, Roman Land <[email protected]> wrote: >>> > > > Hi, >>> > >>> > > > I made this nice fiddle with BP to demonstrate what I >>> > > mean:http://www.jsfiddle.net/3fGs3/1/ >>> > >>> > > > My questions is, what is the best approach with this kind of >>> "content >>> > > boxes" >>> > > > that house different types of texts, these are part of my site >>> where >>> > > there's >>> > > > a list of these boxes with content. >>> > >>> > > > The behavior I am looking for is to handle text that is too long in >>> a way >>> > > > that pleases the eye :) >>> > > > For example I would expect overflowing text to be terminated with >>> > > follwoing >>> > > > "..." before the line ends.. >>> > >>> > > > Thanks! >>> > >>> > > > -- >>> > > > --- >>> > > > "Make everything as simple as possible, but not simpler." >>> > >>> > > > - Albert Einstein >>> > >>> > > __________ Information from ESET Smart Security, version of virus >>> signature >>> > > database 4888 (20100222) __________ >>> > >>> > > The message was checked by ESET Smart Security. >>> > >>> > >http://www.eset.com >>> > >>> > > __________ Information from ESET Smart Security, version of virus >>> signature >>> > > database 4888 (20100222) __________ >>> > >>> > > The message was checked by ESET Smart Security. >>> > >>> > >http://www.eset.com >>> >> >> >> >> -- >> --- >> "Make everything as simple as possible, but not simpler." >> >> - Albert Einstein >> >> > >
