Charles,
Thanks!! :-) I like this script a lot, of course, so it's nice to hear that
others do as well.
Regarding HTML markup affecting column-ization (columnarization?): My script
checks the total rendered width of your element, so technically anything
should be allowed. However, right now all my script does is consider text;
the amount of text in each column is determined by your element's width.
So, if you include an inline image, for example, it probably wouldn't render
as you'd expect.
I do consider inline images to be a good feature to add next. I believe
it's something that many people will want to use.
Other feature ideas I find interesting are:
- Allowing users to specify the height of their element, or the columns, and
then paginate the text (I'd include links/buttons that allow you to page
through the text). This would be good so that your columns don't get so
tall that the user has to scroll up and down to read the text.
- Allowing users to specify the number of columns, rather than the column
width.
Widow-orphan control sounds very interesting. (It's great to get someone
with layout and design experience to comment on this, so thanks!!) While I
was testing this plugin, it actually occurred to me that the text could be
quite halted in this way, but I had no idea what to call it!!
How about this: If the user has <p> tags in the element, the paragraphs will
be kept together (i.e. not "widowed/orphaned")?
Now that I think about it some more, perhaps it is a good idea to integrate
this into jQuery, because users can apply the behavior to elements of their
choosing. However, having users specify column options in a Javascript call
seems a little awkward (e.g. $(".MyColumnedElts").columns({width: "250px",
gap: "15px"});). What do you think? I'd do it all with CSS, but
Firefox/Mozilla seems to remove CSS attributes that it doesn't apply;
originally, this library did use CSS (e.g. "column-width: 250px;"), but when
I iterated my elements in Firefox, they were gone.
Anyway, thanks so much for the feedback!! I'd love to keep improving this
library! I'd also secretly love to make it a jQuery plugin, so I can make
this platform even stronger ;-)
Take care, and keep creating!!
Sean
polyrhythmic wrote:
>
>
> Very interesting, I have seen something similar (now somewhat
> outdated) recently at http://13thparallel.com . However, what turned
> me off was a lack of widow-orphan control, the layout nut in me can't
> allow widows and orphans. There are other great features in this
> script, do you have any plans to implement widow-orphan control?
>
> It is also very nice that this is not a framework-dependent script,
> but I think this would be awesome to write as a streamlined jQuery
> function - jQuery will take care of cross-browser quirks on its own
> (camelCase, cloning, event binding). Plus, that way you could
> unobtrusively add properties without breaking validation. Hmm... also,
> are HTML tags allowed in the text?
>
> I am always looking for dynamic layout options, having text flow
> between columns is something layout designers have been using for
> years in print, it's about time to have a proper representation on
> screen. Nice work.
>
> Charles
> doublerebel.com
>
> On Aug 16, 12:30 pm, duma <[EMAIL PROTECTED]> wrote:
>> Patrick,
>>
>> I've just released a Javascript library that allows you to have your text
>> split into columns!
>>
>> Check it out here:
>>
>> http://pinkblack.org/text-columns/
>>
>> You simply include the library in your document, and then do something
>> like
>> the following:
>>
>> <div columnwidth="200px" columngap="10px">
>> [My voluminous text goes here!]
>> </div>
>>
>> Now, your text will be split into columns that are, at maximum, 200
>> pixels
>> wide. Also, there will be a 10-pixel gutter between columns.
>>
>> As your browser window grows and shrinks in width, columns will be added
>> or
>> subtracted dynamically.
>>
>> This library doesn't depend on jQuery -- or any other library, for that
>> matter. It works in IE, Firefox, Opera, and Safari.
>>
>> Enjoy, and keep creating!!
>> Sean
>>
>> patrickk wrote:
>>
>> > I´m having a text on my page and I´d like to split that text into 2
>> > (or even 3) columns.
>> > I´ve seen this before but I can´t remember where ... any suggestions
>> > are appreciated.
>>
>> > thanks,
>> > patrick
>>
>> --
>> View this message in
>> context:http://www.nabble.com/columnize-large-text-...-tf3527537s15494.html#a...
>> Sent from the JQuery mailing list archive at Nabble.com.
>
>
>
--
View this message in context:
http://www.nabble.com/columnize-large-text-...-tf3527537s15494.html#a12200653
Sent from the JQuery mailing list archive at Nabble.com.
