On 2 July 2010 22:37, Richard Quadling <rquadl...@gmail.com> wrote:
> On 2 July 2010 11:22, Alex McAuley <webmas...@thecarmarketplace.com> wrote:
>> But richard... Font sizes and styles aside... the span with the largest
>> amount of text will still be the widest and vice versa!!...
>> ABCDEFG is still wider than ABCDE no matter the font size!!
>> Alex Mcauley
>> http://www.thevacancymarket.com
>> ----- Original Message ----- From: "Richard Quadling" <rquadl...@gmail.com>
>> To: <prototype-scriptaculous@googlegroups.com>
>> Sent: Thursday, July 01, 2010 11:57 PM
>> Subject: Re: [Proto-Scripty] Sorting some spans.
>>> On 1 July 2010 21:28, Alex McAuley <webmas...@thecarmarketplace.com>
>>> wrote:
>>>> If I was tackling this I would attach a class and id to the spans and
>>>> select
>>>> them all then find out all of the widths of each span as a number then
>>>> sort
>>>> them into high to low / low to high then redraw them all .. Prolly not
>>>> the
>>>> most efficient but it would work.
>>>> If you are using php you could do this without javascript based on strlen
>>>> of
>>>> the text that sits in the span and sort() / usort() the array then loop
>>>> it
>>>> ...
>>> The widths are dependent upon the font, size and styling being used,
>>> not under my control.
>>> The size of the display isn't under my control.
>>> So all of this is done in realtime on the client. Chrome is WAY the
>>> fastest in this and is not really noticeable.
>>> IE and FF are quite slow, but I've not yet optimized the code.
>>> So once the client has tidied the display, I know how many columns I
>>> can have to fill.
>>> The example I provided is dummy data and without the JS to do the calc.
>>> I'm stuck on the algorithm for sorting the data the way I want. I can
>>> see that I need to tag the spans if I want to sort them, but I can't
>>> work out what the sort mechanics need to be.
> W is a LOT wider than an i
> And if they style this in a narrow font, I may get 8 columns. If they
> style with additional images (flags, logos, etc.), then the width is
> very much different.

A real example from one of the data sets.

Hill Hire

OK, Hill Hire _is_ wider than ASDA, but only just, yet has more than
twice the number of characters.

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to