yeah, designing this thing is not going to be straight forward, this is why its nice to have ryans code already, if its good already I will go with it, otherwise will have to take some time to think about this thing...
So if someone finds a need for it and finds this thread send me a message, it will be a while until I share my code (need to put my blog up etc..) On Fri, Feb 26, 2010 at 9:34 PM, Rolf -nl <[email protected]> wrote: > It's a nice idea idea, but when I needed something like this I never > had a fixed space (width), as for example the text could span 2 lines > with some text before and after.. happy calculating :) > > > On Feb 26, 8:02 pm, Roman Land <[email protected]> wrote: > > 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/fittextandmake 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 > -- --- "Make everything as simple as possible, but not simpler." - Albert Einstein
