Thats fine, will see how it goes, Thanks! On Fri, Feb 26, 2010 at 4:43 AM, Ryan Florence <[email protected]> wrote:
> Be advised, this was a quick script that I used in an internal app long ago > that I never tested in IE, I'm pretty sure it doesn't work in any version. > It was sitting around and seemed like a fun thing to add to forge when the > devs were testing, then after adding it I realized it was hardly tested > outside of my app, I probably shouldn't have added it :P > > > On Feb 25, 2010, at 6:50 AM, Roman Land wrote: > > Nice Ryan, this looks like a good start, I am thinking about adding mouse > over action and maybe more once I get around to implement this! > > > On Tue, Feb 23, 2010 at 10:12 AM, Ryan Florence <[email protected]>wrote: > >> Because you can't get the ellipses in the middle, which is a usability >> thing for me. >> >> I will say, I did FitText a long while ago and it needs help desperately! >> >> >> On Feb 22, 2010, at 10:42 PM, Guillermo Rauch wrote: >> >> Any reason not to use text-overflow: ellipsis? >> >> On Mon, Feb 22, 2010 at 9:33 PM, ibolmo <[email protected]> wrote: >> >>> nice Ryan. >>> >>> Maybe the ... should be <abbr title="{trimmed_string}">...</abbr> >>> >>> On Feb 22, 6:15 pm, Ryan Florence <[email protected]> wrote: >>> > Anybody wanna forkhttp://mootools.net/forge/p/fittextand 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/youcouldalso >>> > > > 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 >>> >> >> >> >> -- >> Guillermo Rauch >> http://devthought.com >> >> >> > > > -- > --- > "Make everything as simple as possible, but not simpler." > > - Albert Einstein > > > -- --- "Make everything as simple as possible, but not simpler." - Albert Einstein
