From 5f9dd420d58e28b023b44d9fcd57bb13a0cd2860 Mon Sep 17 00:00:00 2001 From: Stephen George Date: Mon, 20 Dec 2010 09:48:29 -0600 Subject: [PATCH 001/114] Updating demos to load the new src js file --- src/sample.html | 2 +- src/sample1.html | 2 +- src/sample2.html | 2 +- src/sample3.html | 2 +- src/sample4.html | 2 +- src/sample5.html | 2 +- src/sample6.html | 2 +- src/sample7.html | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/sample.html b/src/sample.html index 32ee23e..d59ad83 100644 --- a/src/sample.html +++ b/src/sample.html @@ -14,7 +14,7 @@ .wide, .thin { clear:both; } - + - + - + - + - + - + - + - + + + + + + + +The goal of this demo is to show how to columnize super long content over multiple mulit-column "pages". +
+
This is a header
+
+
Page: This is the footer.
+
+
+

Lorem ipsum ne justo

+

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

+

Tempor essent appetere

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos constituam mea ea, pri cu delenit iracundia. Mundi decore nec te.

+

Soleat civibus in pri

+

In petentium erroribus percipitur per. Takimata accommodare ius ut, eam no postulant urbanitas. Qui ei tantas consectetuer, quis dictas euripidis duo ei. Quaeque democritum concludaturque has ne.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Lorem ipsum ne justo

+

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

+

Tempor essent appetere

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos constituam mea ea, pri cu delenit iracundia. Mundi decore nec te.

+

Soleat civibus in pri

+

In petentium erroribus percipitur per. Takimata accommodare ius ut, eam no postulant urbanitas. Qui ei tantas consectetuer, quis dictas euripidis duo ei. Quaeque democritum concludaturque has ne.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Lorem ipsum ne justo

+

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

+

Tempor essent appetere

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos constituam mea ea, pri cu delenit iracundia. Mundi decore nec te.

+

Soleat civibus in pri

+

In petentium erroribus percipitur per. Takimata accommodare ius ut, eam no postulant urbanitas. Qui ei tantas consectetuer, quis dictas euripidis duo ei. Quaeque democritum concludaturque has ne.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+
+ + diff --git a/src/sample11.html b/src/sample11.html new file mode 100644 index 0000000..6b6c3c9 --- /dev/null +++ b/src/sample11.html @@ -0,0 +1,72 @@ + + + + + Columnizer JQuery Plugin sample page + + + + + + + + +
+
+

A True Newspaper Layout

+

All of the content in this layout is auto-overflowing from the top columns into the bottom columns. View the source to check it out!

+

+

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

+

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

+

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

+

Tempor essent appetere

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos constituam mea ea, pri cu delenit iracundia. Mundi decore nec te.

+

Soleat civibus in pri

+

In petentium erroribus percipitur per. Takimata accommodare ius ut, eam no postulant urbanitas. Qui ei tantas consectetuer, quis dictas euripidis duo ei. Quaeque democritum concludaturque has ne.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Lorem ipsum ne justo

+

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

+

Tempor essent appetere

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos constituam mea ea, pri cu delenit iracundia. Mundi decore nec te.

+

Soleat civibus in pri

+

In petentium erroribus percipitur per. Takimata accommodare ius ut, eam no postulant urbanitas. Qui ei tantas consectetuer, quis dictas euripidis duo ei. Quaeque democritum concludaturque has ne.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+
+
+
+ + diff --git a/src/sample2.html b/src/sample2.html index 4304e3c..37ae4fb 100644 --- a/src/sample2.html +++ b/src/sample2.html @@ -18,7 +18,7 @@ img{ float: left; padding:5px;} blockquote { font-style: italic; margin-left: 10px; border-left:2px solid #EFEFEF; padding-left: 8px;} - + + + + diff --git a/src/sample6.html b/src/sample6.html index 994cd26..f344dbc 100644 --- a/src/sample6.html +++ b/src/sample6.html @@ -20,7 +20,7 @@ blockquote { font-style: italic; margin-left: 10px; border-left:2px solid #EFEFEF; padding-left: 8px;} - + + + + + + +
+ +
+

Lorem ipsum ne justo

+

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

+

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

+

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

+

Tempor essent appetere

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

+

Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos constituam mea ea, pri cu delenit iracundia. Mundi decore nec te.

+

Soleat civibus in pri

+

In petentium erroribus percipitur per. Takimata accommodare ius ut, eam no postulant urbanitas. Qui ei tantas consectetuer, quis dictas euripidis duo ei. Quaeque democritum concludaturque has ne.

+

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

+

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+

Lorem ipsum ne justo

+

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

+

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

+

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

+

Tempor essent appetere

+

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

+

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

+
+
+
+ +
+ + diff --git a/src/sample9.html b/src/sample9.html new file mode 100644 index 0000000..060f614 --- /dev/null +++ b/src/sample9.html @@ -0,0 +1,125 @@ + + + +Columns in jquery + + + + + + + + +I'm outside the enclosing div +
+I'm inside the enclosing div +
I am DIV #0

Nulla justo sapien, viverra nec, sagittis nec, tincidunt in, leo. Nunc semper elit. Sed sed nibh. Maecenas pharetra suscipit neque. Fusce tristique urna et nibh. In nec massa. Suspendisse ut augue. Fusce in sem. Aliquam erat volutpat. Morbi pede felis, pulvinar vitae, elementum vitae, facilisis consectetur, nulla. Sed vitae dui. Ut ut quam vitae nisi cursus aliquet. Proin tempus. Suspendisse interdum, tellus non varius cursus, sem felis vestibulum nulla, vitae congue velit lacus sed elit. +

+
+
I am DIV #1

Maecenas scelerisque imperdiet nulla. Praesent eu magna. Donec ut leo in tellus volutpat scelerisque. Nam dapibus. Suspendisse aliquet. Vivamus metus orci, adipiscing pharetra, tempus rutrum, tempus nec, diam. Nullam eleifend ultricies sapien. Nullam commodo lorem eget tellus. Maecenas mollis, tortor sit amet auctor consequat, ligula nisi fermentum nunc, a viverra risus lacus ut arcu. Vestibulum porttitor, ipsum sed luctus tincidunt, velit ante tincidunt elit, eu posuere lectus elit nec ante. Vivamus porta, arcu quis commodo placerat, eros tortor tristique metus, nec euismod ipsum purus vitae tortor. Vestibulum nulla augue, sodales nec, rutrum eget, pretium vel, libero. Suspendisse eu ante. +

+
+
I am DIV #2 Lorem ipsum dolor sit amet,
+
I am DIV #3

Cras ut enim. Morbi nibh ligula, elementum non, commodo a, auctor ut, enim. Aliquam erat volutpat. Donec fermentum rutrum justo. Vestibulum condimentum accumsan augue. Fusce vestibulum mi a lorem. Integer quis turpis nec dui lobortis cursus. Vestibulum egestas, dui at varius egestas, elit orci adipiscing libero, ut pretium odio mi et erat. Sed tincidunt. Vivamus varius, dui eu volutpat elementum, quam nunc eleifend diam, ut ullamcorper pede eros eu dolor. Vivamus blandit sapien sed risus. Duis cursus venenatis metus. Suspendisse dignissim vehicula ligula. Vestibulum odio. Vestibulum facilisis. Suspendisse ligula augue, porta non, ullamcorper ac, tincidunt vitae, sapien. +

+

Maecenas scelerisque imperdiet nulla. Praesent eu magna. Donec ut leo in tellus volutpat scelerisque. Nam dapibus. Suspendisse aliquet. Vivamus metus orci, adipiscing pharetra, tempus rutrum, tempus nec, diam. Nullam eleifend ultricies sapien. Nullam commodo lorem eget tellus. Maecenas mollis, tortor sit amet auctor consequat, ligula nisi fermentum nunc, a viverra risus lacus ut arcu. Vestibulum porttitor, ipsum sed luctus tincidunt, velit ante tincidunt elit, eu posuere lectus elit nec ante. Vivamus porta, arcu quis commodo placerat, eros tortor tristique metus, nec euismod ipsum purus vitae tortor. Vestibulum nulla augue, sodales nec, rutrum eget, pretium vel, libero. Suspendisse eu ante. +

+
+
I am DIV #4 Lorem ipsum
+
I am DIV #5

Maecenas scelerisque imperdiet nulla. Praesent eu magna. Donec ut leo in tellus volutpat scelerisque. Nam dapibus. Suspendisse aliquet. Vivamus metus orci, adipiscing pharetra, tempus rutrum, tempus nec, diam. Nullam eleifend ultricies sapien. Nullam commodo lorem eget tellus. Maecenas mollis, tortor sit amet auctor consequat, ligula nisi fermentum nunc, a viverra risus lacus ut arcu. Vestibulum porttitor, ipsum sed luctus tincidunt, velit ante tincidunt elit, eu posuere lectus elit nec ante. Vivamus porta, arcu quis commodo placerat, eros tortor tristique metus, nec euismod ipsum purus vitae tortor. Vestibulum nulla augue, sodales nec, rutrum eget, pretium vel, libero. Suspendisse eu ante. +

+
+
I am DIV #6

Nulla justo sapien, viverra nec, sagittis nec, tincidunt in, leo. Nunc semper elit. Sed sed nibh. Maecenas pharetra suscipit neque. Fusce tristique urna et nibh. In nec massa. Suspendisse ut augue. Fusce in sem. Aliquam erat volutpat. Morbi pede felis, pulvinar vitae, elementum vitae, facilisis consectetur, nulla. Sed vitae dui. Ut ut quam vitae nisi cursus aliquet. Proin tempus. Suspendisse interdum, tellus non varius cursus, sem felis vestibulum nulla, vitae congue velit lacus sed elit. +

+
+
I am DIV #7

Nulla justo sapien, viverra nec, sagittis nec, tincidunt in, leo. Nunc semper elit. Sed sed nibh. Maecenas pharetra suscipit neque. Fusce tristique urna et nibh. In nec massa. Suspendisse ut augue. Fusce in sem. Aliquam erat volutpat. Morbi pede felis, pulvinar vitae, elementum vitae, facilisis consectetur, nulla. Sed vitae dui. Ut ut quam vitae nisi cursus aliquet. Proin tempus. Suspendisse interdum, tellus non varius cursus, sem felis vestibulum nulla, vitae congue velit lacus sed elit. +

+

Sed consequat tristique nunc. Praesent mattis tellus sed urna. In leo. Proin pretium, urna a auctor dignissim, quam metus accumsan nunc, et tincidunt felis ipsum quis lacus. Nam non mi. Praesent in elit eu dolor sagittis lacinia. Etiam risus. Vivamus ultricies. In luctus venenatis nulla. Ut urna justo, volutpat in, porta in, egestas quis, ipsum. +

+
+
I am DIV #8

Nam fermentum tellus pulvinar quam. Ut consequat nisi eu pede facilisis hendrerit. Phasellus nulla lectus, euismod quis, commodo a, mollis nec, quam. Morbi dignissim molestie orci. Morbi risus ipsum, scelerisque mattis, interdum eu, adipiscing quis, quam. Proin consectetur tempor felis. Nullam enim. Mauris condimentum eleifend eros. Pellentesque egestas nunc. Ut lacinia, nunc a condimentum rutrum, pede mauris bibendum neque, quis pretium sem libero at velit. Donec tristique turpis quis dolor lacinia facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus consectetur. Nullam ipsum. Vivamus volutpat diam commodo risus euismod dictum. +

+
+
I am DIV #9

Nam fermentum tellus pulvinar quam. Ut consequat nisi eu pede facilisis hendrerit. Phasellus nulla lectus, euismod quis, commodo a, mollis nec, quam. Morbi dignissim molestie orci. Morbi risus ipsum, scelerisque mattis, interdum eu, adipiscing quis, quam. Proin consectetur tempor felis. Nullam enim. Mauris condimentum eleifend eros. Pellentesque egestas nunc. Ut lacinia, nunc a condimentum rutrum, pede mauris bibendum neque, quis pretium sem libero at velit. Donec tristique turpis quis dolor lacinia facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus consectetur. Nullam ipsum. Vivamus volutpat diam commodo risus euismod dictum. +

+

Mauris ligula diam, feugiat non, molestie eu, feugiat quis, ante. Vestibulum sodales lectus. Sed scelerisque. Ut ligula arcu, imperdiet elementum, pulvinar a, dapibus ut, erat. Cras felis diam, consequat sed, aliquet ac, tincidunt quis, erat. Aenean a nunc. Nam massa. Suspendisse sollicitudin porta pede. Praesent rhoncus ante ac nulla. Cras egestas tristique eros. Praesent venenatis eros non sapien. Fusce non tortor vitae lacus consectetur malesuada. Ut vehicula ipsum ut erat. In vehicula, eros in venenatis pellentesque, massa lacus semper mi, ut viverra sem nunc commodo tellus. Nam semper urna ut turpis. Maecenas non nunc. +

+
+
I am DIV #10 Lorem ipsum dolor sit amet, consectetur adipiscing
+
I am DIV #11

Cras ut enim. Morbi nibh ligula, elementum non, commodo a, auctor ut, enim. Aliquam erat volutpat. Donec fermentum rutrum justo. Vestibulum condimentum accumsan augue. Fusce vestibulum mi a lorem. Integer quis turpis nec dui lobortis cursus. Vestibulum egestas, dui at varius egestas, elit orci adipiscing libero, ut pretium odio mi et erat. Sed tincidunt. Vivamus varius, dui eu volutpat elementum, quam nunc eleifend diam, ut ullamcorper pede eros eu dolor. Vivamus blandit sapien sed risus. Duis cursus venenatis metus. Suspendisse dignissim vehicula ligula. Vestibulum odio. Vestibulum facilisis. Suspendisse ligula augue, porta non, ullamcorper ac, tincidunt vitae, sapien. +

+
+
I am DIV #12 Lorem ipsum dolor sit amet, consectetur adipiscing
+
I am DIV #13 Lorem ipsum
+
I am DIV #14

Maecenas scelerisque imperdiet nulla. Praesent eu magna. Donec ut leo in tellus volutpat scelerisque. Nam dapibus. Suspendisse aliquet. Vivamus metus orci, adipiscing pharetra, tempus rutrum, tempus nec, diam. Nullam eleifend ultricies sapien. Nullam commodo lorem eget tellus. Maecenas mollis, tortor sit amet auctor consequat, ligula nisi fermentum nunc, a viverra risus lacus ut arcu. Vestibulum porttitor, ipsum sed luctus tincidunt, velit ante tincidunt elit, eu posuere lectus elit nec ante. Vivamus porta, arcu quis commodo placerat, eros tortor tristique metus, nec euismod ipsum purus vitae tortor. Vestibulum nulla augue, sodales nec, rutrum eget, pretium vel, libero. Suspendisse eu ante. +

+

Nam fermentum tellus pulvinar quam. Ut consequat nisi eu pede facilisis hendrerit. Phasellus nulla lectus, euismod quis, commodo a, mollis nec, quam. Morbi dignissim molestie orci. Morbi risus ipsum, scelerisque mattis, interdum eu, adipiscing quis, quam. Proin consectetur tempor felis. Nullam enim. Mauris condimentum eleifend eros. Pellentesque egestas nunc. Ut lacinia, nunc a condimentum rutrum, pede mauris bibendum neque, quis pretium sem libero at velit. Donec tristique turpis quis dolor lacinia facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus consectetur. Nullam ipsum. Vivamus volutpat diam commodo risus euismod dictum. +

+
+
I am DIV #15

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare justo non lorem. Nunc blandit ultrices erat. Sed venenatis, urna quis elementum euismod, nunc urna feugiat velit, quis imperdiet ligula mauris ut est. Maecenas tempus porttitor tellus. Integer odio velit, iaculis sit amet, venenatis vitae, sodales eget, elit. Integer vel nulla a enim consequat adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam auctor dui ut ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam vel metus. Proin elit ligula, tristique eu, venenatis in, mattis vitae, lorem. Donec interdum, felis vitae euismod tempor, tellus lacus molestie justo, vitae aliquet augue orci ac erat. Aenean eu arcu quis eros sollicitudin laoreet. Nulla auctor velit vel enim. Praesent tempor. Integer non velit. Fusce ut lectus ut leo ullamcorper tincidunt. Integer placerat. Praesent hendrerit, nibh ac consequat ornare, eros diam feugiat erat, ac tempus tellus nulla ut velit. Aenean mollis condimentum ligula. +

+
+
I am DIV #16

Mauris ligula diam, feugiat non, molestie eu, feugiat quis, ante. Vestibulum sodales lectus. Sed scelerisque. Ut ligula arcu, imperdiet elementum, pulvinar a, dapibus ut, erat. Cras felis diam, consequat sed, aliquet ac, tincidunt quis, erat. Aenean a nunc. Nam massa. Suspendisse sollicitudin porta pede. Praesent rhoncus ante ac nulla. Cras egestas tristique eros. Praesent venenatis eros non sapien. Fusce non tortor vitae lacus consectetur malesuada. Ut vehicula ipsum ut erat. In vehicula, eros in venenatis pellentesque, massa lacus semper mi, ut viverra sem nunc commodo tellus. Nam semper urna ut turpis. Maecenas non nunc. +

+

Mauris ligula diam, feugiat non, molestie eu, feugiat quis, ante. Vestibulum sodales lectus. Sed scelerisque. Ut ligula arcu, imperdiet elementum, pulvinar a, dapibus ut, erat. Cras felis diam, consequat sed, aliquet ac, tincidunt quis, erat. Aenean a nunc. Nam massa. Suspendisse sollicitudin porta pede. Praesent rhoncus ante ac nulla. Cras egestas tristique eros. Praesent venenatis eros non sapien. Fusce non tortor vitae lacus consectetur malesuada. Ut vehicula ipsum ut erat. In vehicula, eros in venenatis pellentesque, massa lacus semper mi, ut viverra sem nunc commodo tellus. Nam semper urna ut turpis. Maecenas non nunc. +

+
+
I am DIV #17

Nam fermentum tellus pulvinar quam. Ut consequat nisi eu pede facilisis hendrerit. Phasellus nulla lectus, euismod quis, commodo a, mollis nec, quam. Morbi dignissim molestie orci. Morbi risus ipsum, scelerisque mattis, interdum eu, adipiscing quis, quam. Proin consectetur tempor felis. Nullam enim. Mauris condimentum eleifend eros. Pellentesque egestas nunc. Ut lacinia, nunc a condimentum rutrum, pede mauris bibendum neque, quis pretium sem libero at velit. Donec tristique turpis quis dolor lacinia facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus consectetur. Nullam ipsum. Vivamus volutpat diam commodo risus euismod dictum. +

+

Maecenas scelerisque imperdiet nulla. Praesent eu magna. Donec ut leo in tellus volutpat scelerisque. Nam dapibus. Suspendisse aliquet. Vivamus metus orci, adipiscing pharetra, tempus rutrum, tempus nec, diam. Nullam eleifend ultricies sapien. Nullam commodo lorem eget tellus. Maecenas mollis, tortor sit amet auctor consequat, ligula nisi fermentum nunc, a viverra risus lacus ut arcu. Vestibulum porttitor, ipsum sed luctus tincidunt, velit ante tincidunt elit, eu posuere lectus elit nec ante. Vivamus porta, arcu quis commodo placerat, eros tortor tristique metus, nec euismod ipsum purus vitae tortor. Vestibulum nulla augue, sodales nec, rutrum eget, pretium vel, libero. Suspendisse eu ante. +

+
+
I am DIV #18 Lorem ipsum
+
I am DIV #19 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
+
I am DIV #20 Lorem ipsum dolor sit
+
I am DIV #21 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
+
I am DIV #22

Aenean eu felis. Donec et libero. Suspendisse vulputate, dui vitae rutrum varius, mi massa viverra mauris, et condimentum enim tortor eget diam. Integer metus nibh, hendrerit id, tristique at, pharetra in, augue. Praesent dictum nibh at nibh. Pellentesque turpis. Nam felis neque, euismod quis, tempor in, lobortis vitae, diam. Sed venenatis mi at augue. In hac habitasse platea dictumst. Etiam vel metus nec sem dignissim rhoncus. Duis eget mi et metus viverra congue. Etiam id metus. Mauris quis quam. Etiam sollicitudin, orci elementum vestibulum ullamcorper, enim arcu vehicula libero, eget tincidunt turpis arcu vitae arcu. Aenean massa orci, tempus eget, scelerisque sed, pharetra eu, sapien. Suspendisse mi dolor, iaculis quis, tincidunt a, luctus et, sem. Etiam pretium, erat a lacinia tempor, mauris diam luctus enim, vel varius ante lectus vitae leo. +

+
+
I am DIV #23

Maecenas scelerisque imperdiet nulla. Praesent eu magna. Donec ut leo in tellus volutpat scelerisque. Nam dapibus. Suspendisse aliquet. Vivamus metus orci, adipiscing pharetra, tempus rutrum, tempus nec, diam. Nullam eleifend ultricies sapien. Nullam commodo lorem eget tellus. Maecenas mollis, tortor sit amet auctor consequat, ligula nisi fermentum nunc, a viverra risus lacus ut arcu. Vestibulum porttitor, ipsum sed luctus tincidunt, velit ante tincidunt elit, eu posuere lectus elit nec ante. Vivamus porta, arcu quis commodo placerat, eros tortor tristique metus, nec euismod ipsum purus vitae tortor. Vestibulum nulla augue, sodales nec, rutrum eget, pretium vel, libero. Suspendisse eu ante. +

+

Aenean eu felis. Donec et libero. Suspendisse vulputate, dui vitae rutrum varius, mi massa viverra mauris, et condimentum enim tortor eget diam. Integer metus nibh, hendrerit id, tristique at, pharetra in, augue. Praesent dictum nibh at nibh. Pellentesque turpis. Nam felis neque, euismod quis, tempor in, lobortis vitae, diam. Sed venenatis mi at augue. In hac habitasse platea dictumst. Etiam vel metus nec sem dignissim rhoncus. Duis eget mi et metus viverra congue. Etiam id metus. Mauris quis quam. Etiam sollicitudin, orci elementum vestibulum ullamcorper, enim arcu vehicula libero, eget tincidunt turpis arcu vitae arcu. Aenean massa orci, tempus eget, scelerisque sed, pharetra eu, sapien. Suspendisse mi dolor, iaculis quis, tincidunt a, luctus et, sem. Etiam pretium, erat a lacinia tempor, mauris diam luctus enim, vel varius ante lectus vitae leo. +

+
+
I am DIV #24

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare justo non lorem. Nunc blandit ultrices erat. Sed venenatis, urna quis elementum euismod, nunc urna feugiat velit, quis imperdiet ligula mauris ut est. Maecenas tempus porttitor tellus. Integer odio velit, iaculis sit amet, venenatis vitae, sodales eget, elit. Integer vel nulla a enim consequat adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam auctor dui ut ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam vel metus. Proin elit ligula, tristique eu, venenatis in, mattis vitae, lorem. Donec interdum, felis vitae euismod tempor, tellus lacus molestie justo, vitae aliquet augue orci ac erat. Aenean eu arcu quis eros sollicitudin laoreet. Nulla auctor velit vel enim. Praesent tempor. Integer non velit. Fusce ut lectus ut leo ullamcorper tincidunt. Integer placerat. Praesent hendrerit, nibh ac consequat ornare, eros diam feugiat erat, ac tempus tellus nulla ut velit. Aenean mollis condimentum ligula. +

+
+
I am DIV #25

Mauris ligula diam, feugiat non, molestie eu, feugiat quis, ante. Vestibulum sodales lectus. Sed scelerisque. Ut ligula arcu, imperdiet elementum, pulvinar a, dapibus ut, erat. Cras felis diam, consequat sed, aliquet ac, tincidunt quis, erat. Aenean a nunc. Nam massa. Suspendisse sollicitudin porta pede. Praesent rhoncus ante ac nulla. Cras egestas tristique eros. Praesent venenatis eros non sapien. Fusce non tortor vitae lacus consectetur malesuada. Ut vehicula ipsum ut erat. In vehicula, eros in venenatis pellentesque, massa lacus semper mi, ut viverra sem nunc commodo tellus. Nam semper urna ut turpis. Maecenas non nunc. +

+

Cras ut enim. Morbi nibh ligula, elementum non, commodo a, auctor ut, enim. Aliquam erat volutpat. Donec fermentum rutrum justo. Vestibulum condimentum accumsan augue. Fusce vestibulum mi a lorem. Integer quis turpis nec dui lobortis cursus. Vestibulum egestas, dui at varius egestas, elit orci adipiscing libero, ut pretium odio mi et erat. Sed tincidunt. Vivamus varius, dui eu volutpat elementum, quam nunc eleifend diam, ut ullamcorper pede eros eu dolor. Vivamus blandit sapien sed risus. Duis cursus venenatis metus. Suspendisse dignissim vehicula ligula. Vestibulum odio. Vestibulum facilisis. Suspendisse ligula augue, porta non, ullamcorper ac, tincidunt vitae, sapien. +

+
+
I am DIV #26

Nulla facilisi. Donec mi velit, consectetur nec, malesuada eu, congue in, enim. Morbi consectetur nisi id sem. Donec auctor nisl. Cras vel urna commodo sapien luctus lacinia. Proin lectus felis, egestas in, volutpat eget, posuere a, nulla. Duis suscipit ultrices risus. Donec vehicula. Morbi felis. Vivamus feugiat ante. Fusce lobortis ante eget libero. Sed at augue. In ipsum ipsum, feugiat ac, pulvinar quis, elementum sit amet, libero. Praesent aliquam condimentum quam. +

+
+
I am DIV #27

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare justo non lorem. Nunc blandit ultrices erat. Sed venenatis, urna quis elementum euismod, nunc urna feugiat velit, quis imperdiet ligula mauris ut est. Maecenas tempus porttitor tellus. Integer odio velit, iaculis sit amet, venenatis vitae, sodales eget, elit. Integer vel nulla a enim consequat adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam auctor dui ut ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam vel metus. Proin elit ligula, tristique eu, venenatis in, mattis vitae, lorem. Donec interdum, felis vitae euismod tempor, tellus lacus molestie justo, vitae aliquet augue orci ac erat. Aenean eu arcu quis eros sollicitudin laoreet. Nulla auctor velit vel enim. Praesent tempor. Integer non velit. Fusce ut lectus ut leo ullamcorper tincidunt. Integer placerat. Praesent hendrerit, nibh ac consequat ornare, eros diam feugiat erat, ac tempus tellus nulla ut velit. Aenean mollis condimentum ligula. +

+

Mauris ligula diam, feugiat non, molestie eu, feugiat quis, ante. Vestibulum sodales lectus. Sed scelerisque. Ut ligula arcu, imperdiet elementum, pulvinar a, dapibus ut, erat. Cras felis diam, consequat sed, aliquet ac, tincidunt quis, erat. Aenean a nunc. Nam massa. Suspendisse sollicitudin porta pede. Praesent rhoncus ante ac nulla. Cras egestas tristique eros. Praesent venenatis eros non sapien. Fusce non tortor vitae lacus consectetur malesuada. Ut vehicula ipsum ut erat. In vehicula, eros in venenatis pellentesque, massa lacus semper mi, ut viverra sem nunc commodo tellus. Nam semper urna ut turpis. Maecenas non nunc. +

+
+
I am DIV #28

Aenean eu felis. Donec et libero. Suspendisse vulputate, dui vitae rutrum varius, mi massa viverra mauris, et condimentum enim tortor eget diam. Integer metus nibh, hendrerit id, tristique at, pharetra in, augue. Praesent dictum nibh at nibh. Pellentesque turpis. Nam felis neque, euismod quis, tempor in, lobortis vitae, diam. Sed venenatis mi at augue. In hac habitasse platea dictumst. Etiam vel metus nec sem dignissim rhoncus. Duis eget mi et metus viverra congue. Etiam id metus. Mauris quis quam. Etiam sollicitudin, orci elementum vestibulum ullamcorper, enim arcu vehicula libero, eget tincidunt turpis arcu vitae arcu. Aenean massa orci, tempus eget, scelerisque sed, pharetra eu, sapien. Suspendisse mi dolor, iaculis quis, tincidunt a, luctus et, sem. Etiam pretium, erat a lacinia tempor, mauris diam luctus enim, vel varius ante lectus vitae leo. +

+

Nulla justo sapien, viverra nec, sagittis nec, tincidunt in, leo. Nunc semper elit. Sed sed nibh. Maecenas pharetra suscipit neque. Fusce tristique urna et nibh. In nec massa. Suspendisse ut augue. Fusce in sem. Aliquam erat volutpat. Morbi pede felis, pulvinar vitae, elementum vitae, facilisis consectetur, nulla. Sed vitae dui. Ut ut quam vitae nisi cursus aliquet. Proin tempus. Suspendisse interdum, tellus non varius cursus, sem felis vestibulum nulla, vitae congue velit lacus sed elit. +

+
+
I am DIV #29

Nulla facilisi. Donec mi velit, consectetur nec, malesuada eu, congue in, enim. Morbi consectetur nisi id sem. Donec auctor nisl. Cras vel urna commodo sapien luctus lacinia. Proin lectus felis, egestas in, volutpat eget, posuere a, nulla. Duis suscipit ultrices risus. Donec vehicula. Morbi felis. Vivamus feugiat ante. Fusce lobortis ante eget libero. Sed at augue. In ipsum ipsum, feugiat ac, pulvinar quis, elementum sit amet, libero. Praesent aliquam condimentum quam. +

+
+
+I'm after the enclosing div + + From bf9b897ea4c3f2f12f12171f38e84086db77a310 Mon Sep 17 00:00:00 2001 From: Adam Wulf Date: Sat, 20 Aug 2011 22:22:38 -0700 Subject: [PATCH 003/114] removed 2% buffer when columnizing. This will likely break current CSS layouts using columnizer, but is more accurate and better for the longer term. Fixes #6 --- src/jquery.columnizer.js | 12 ++++++++---- src/sample.html | 2 +- src/sample1.html | 2 +- src/sample2.html | 2 +- src/sample3.html | 2 +- src/sample4.html | 2 +- src/sample6.html | 2 +- src/sample7.html | 2 +- src/sample8.html | 2 +- 9 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/jquery.columnizer.js b/src/jquery.columnizer.js index 3ad16f8..c4ddaea 100644 --- a/src/jquery.columnizer.js +++ b/src/jquery.columnizer.js @@ -29,7 +29,11 @@ // should columns float left or right float : "left", // ensure the last column is never the tallest column - lastNeverTallest : false + lastNeverTallest : false, + // (int) the minimum number of characters to jump when splitting + // text nodes. smaller numbers will result in higher accuracy + // column widths, but will take slightly longer + accuracy : false }; var options = $.extend(defaults, options); @@ -253,7 +257,7 @@ $inBox.data("columnizing", true); $inBox.empty(); - $inBox.append($("
")); //" + $inBox.append($("
")); //" $col = $inBox.children(":last"); $col.append($cache.clone()); maxHeight = $col.height(); @@ -287,7 +291,7 @@ /* create column */ var className = (i == 0) ? "first column" : "column"; var className = (i == numCols - 1) ? ("last " + className) : className; - $inBox.append($("
")); //" + $inBox.append($("
")); //" } // fill all but the last column (unless overflowing) @@ -295,7 +299,7 @@ while(i < numCols - (options.overflow ? 0 : 1) || scrollHorizontally && $destroyable.children().length){ if($inBox.children().length <= i){ // we ran out of columns, make another - $inBox.append($("
")); //" + $inBox.append($("
")); //" } var $col = $inBox.children().eq(i); columnize($col, $destroyable, $col, targetHeight); diff --git a/src/sample.html b/src/sample.html index 1be2008..411957a 100644 --- a/src/sample.html +++ b/src/sample.html @@ -6,7 +6,7 @@ + + + + + +
+ +Para1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus varius lorem non pellentesque. Donec velit sapien, mollis sit amet auctor ac, pellentesque eu elit. Fusce posuere pretium sapien, a lacinia diam sagittis eget. Aliquam interdum auctor augue nec sodales. Fusce nec ligula nibh. Curabitur at velit a risus tristique porta in sit amet tortor. Nulla convallis dapibus enim, eget posuere sapien vulputate et. Nullam ac massa elit. Integer porta adipiscing orci, eu fringilla lorem egestas eget. Duis sagittis tristique ante ac varius. Ut fringilla fermentum facilisis. Aenean at pretium arcu. Etiam eu nibh eros, id pellentesque orci. Pellentesque congue mattis auctor. Maecenas fringilla aliquam libero. Etiam at augue velit. + +Para2: Proin ac risus pellentesque orci tristique blandit id at orci. Nunc lacinia nisi vitae orci consequat quis commodo lacus euismod. Cras hendrerit pretium aliquam. Praesent tincidunt eros sed turpis tempor vitae facilisis lectus iaculis. Cras pulvinar ipsum elit. Fusce et quam a tellus vestibulum elementum vitae nec sapien. Etiam iaculis tellus interdum urna vestibulum ut facilisis dolor hendrerit. Phasellus et mauris at sapien adipiscing suscipit id a nulla. Sed at elit ante. + +Para3: Aliquam mattis, est in commodo interdum, dolor dui volutpat lectus, sit amet hendrerit ante odio eu nulla. Maecenas sed pretium leo. Sed id velit vitae magna facilisis elementum. Mauris a quam nibh. Nunc commodo, felis vitae volutpat dictum, libero nulla condimentum urna, eget volutpat ligula risus quis orci. Phasellus in leo quam. Donec suscipit nisi vitae nulla interdum nec tristique velit feugiat. Curabitur rutrum, sapien ac congue iaculis, nisl ligula fringilla leo, a laoreet lacus leo eu elit. Proin elementum tortor nec nisi tincidunt ac aliquam velit rutrum. In ut gravida sapien. Cras eget sollicitudin erat. Nullam nec metus at nisi lacinia porta. Aenean et risus nunc. + +Para4: Ut tincidunt lacus id ligula sollicitudin non pulvinar risus pharetra. Ut velit est, gravida eget condimentum sed, viverra a nulla. Etiam auctor purus euismod erat pellentesque euismod viverra lorem accumsan. Maecenas gravida, eros in semper bibendum, nulla risus faucibus lectus, a laoreet lectus ligula porta mi. Curabitur odio ligula, pretium non sodales quis, lobortis laoreet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non mi et elit accumsan euismod at eget erat. Pellentesque et elit velit, quis aliquet libero. Aenean lacus leo, fringilla et vestibulum non, ullamcorper sit amet nisl. In at fringilla magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis arcu ligula, scelerisque non sodales id, egestas et magna. In hac habitasse platea dictumst. Sed blandit, nisl congue lacinia luctus, dui ante posuere neque, a vehicula lacus risus et velit. Nam non ante sit amet purus auctor bibendum quis eu elit. Vivamus sed enim nec lorem semper placerat. + +Para5: Fusce vitae ante cursus tellus faucibus rutrum ut a felis. Donec in ligula purus. Nulla et metus dapibus dolor bibendum dapibus quis lacinia orci. Sed vel elementum sapien. Sed pharetra ipsum vitae augue volutpat vitae imperdiet nunc venenatis. Aliquam lobortis sagittis odio, in luctus enim commodo vel. In dapibus sagittis placerat. Aliquam laoreet gravida turpis, a tempus felis accumsan nec. Donec tempus scelerisque risus, ac tincidunt ipsum fringilla nec. Pellentesque pulvinar ornare arcu ac dictum. Proin facilisis magna a sem tempus gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc eleifend suscipit risus, vitae porta sem interdum nec. In semper arcu sed erat pulvinar consectetur. Aenean lobortis massa sit amet quam pretium non tempus sem pellentesque. + +
+ + From 374b83a4f1c2b6dd76dbb34d91c7637fd48679e8 Mon Sep 17 00:00:00 2001 From: Adam Wulf Date: Sat, 20 Aug 2011 22:50:09 -0700 Subject: [PATCH 007/114] fixes crash/bug when adding the 'px' to the width option. Fixes #7 --- src/jquery.columnizer.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/jquery.columnizer.js b/src/jquery.columnizer.js index c99ad2e..dde8d69 100644 --- a/src/jquery.columnizer.js +++ b/src/jquery.columnizer.js @@ -8,7 +8,7 @@ var defaults = { - // default width of columnx + // default width of columns width: 400, // optional # of columns instead of width columns : false, @@ -36,6 +36,13 @@ accuracy : false }; var options = $.extend(defaults, options); + + if(typeof(options.width) == "string"){ + options.width = parseInt(options.width); + if(isNaN(options.width)){ + options.width = defaults.width; + } + } return this.each(function() { var $inBox = options.target ? $(options.target) : $(this); From 8ba2225fecd5ccca20eaece4c2bf9615f035d29f Mon Sep 17 00:00:00 2001 From: Adam Wulf Date: Sat, 20 Aug 2011 23:02:04 -0700 Subject: [PATCH 008/114] fixed lastNeverTallest infinite loop. Fixes #8 --- src/bug7.html | 40 +++++++++++++++++++++++++ src/bug8.css | 65 ++++++++++++++++++++++++++++++++++++++++ src/bug8.html | 49 ++++++++++++++++++++++++++++++ src/jquery.columnizer.js | 13 ++++++-- 4 files changed, 165 insertions(+), 2 deletions(-) create mode 100644 src/bug7.html create mode 100644 src/bug8.css create mode 100644 src/bug8.html diff --git a/src/bug7.html b/src/bug7.html new file mode 100644 index 0000000..0b2c3a8 --- /dev/null +++ b/src/bug7.html @@ -0,0 +1,40 @@ + + + + + Columnizer JQuery Plugin sample page + + + + + + + + +
+ +Para1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus varius lorem non pellentesque. Donec velit sapien, mollis sit amet auctor ac, pellentesque eu elit. Fusce posuere pretium sapien, a lacinia diam sagittis eget. Aliquam interdum auctor augue nec sodales. Fusce nec ligula nibh. Curabitur at velit a risus tristique porta in sit amet tortor. Nulla convallis dapibus enim, eget posuere sapien vulputate et. Nullam ac massa elit. Integer porta adipiscing orci, eu fringilla lorem egestas eget. Duis sagittis tristique ante ac varius. Ut fringilla fermentum facilisis. Aenean at pretium arcu. Etiam eu nibh eros, id pellentesque orci. Pellentesque congue mattis auctor. Maecenas fringilla aliquam libero. Etiam at augue velit. + +Para2: Proin ac risus pellentesque orci tristique blandit id at orci. Nunc lacinia nisi vitae orci consequat quis commodo lacus euismod. Cras hendrerit pretium aliquam. Praesent tincidunt eros sed turpis tempor vitae facilisis lectus iaculis. Cras pulvinar ipsum elit. Fusce et quam a tellus vestibulum elementum vitae nec sapien. Etiam iaculis tellus interdum urna vestibulum ut facilisis dolor hendrerit. Phasellus et mauris at sapien adipiscing suscipit id a nulla. Sed at elit ante. + +Para3: Aliquam mattis, est in commodo interdum, dolor dui volutpat lectus, sit amet hendrerit ante odio eu nulla. Maecenas sed pretium leo. Sed id velit vitae magna facilisis elementum. Mauris a quam nibh. Nunc commodo, felis vitae volutpat dictum, libero nulla condimentum urna, eget volutpat ligula risus quis orci. Phasellus in leo quam. Donec suscipit nisi vitae nulla interdum nec tristique velit feugiat. Curabitur rutrum, sapien ac congue iaculis, nisl ligula fringilla leo, a laoreet lacus leo eu elit. Proin elementum tortor nec nisi tincidunt ac aliquam velit rutrum. In ut gravida sapien. Cras eget sollicitudin erat. Nullam nec metus at nisi lacinia porta. Aenean et risus nunc. + +Para4: Ut tincidunt lacus id ligula sollicitudin non pulvinar risus pharetra. Ut velit est, gravida eget condimentum sed, viverra a nulla. Etiam auctor purus euismod erat pellentesque euismod viverra lorem accumsan. Maecenas gravida, eros in semper bibendum, nulla risus faucibus lectus, a laoreet lectus ligula porta mi. Curabitur odio ligula, pretium non sodales quis, lobortis laoreet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non mi et elit accumsan euismod at eget erat. Pellentesque et elit velit, quis aliquet libero. Aenean lacus leo, fringilla et vestibulum non, ullamcorper sit amet nisl. In at fringilla magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis arcu ligula, scelerisque non sodales id, egestas et magna. In hac habitasse platea dictumst. Sed blandit, nisl congue lacinia luctus, dui ante posuere neque, a vehicula lacus risus et velit. Nam non ante sit amet purus auctor bibendum quis eu elit. Vivamus sed enim nec lorem semper placerat. + +Para5: Fusce vitae ante cursus tellus faucibus rutrum ut a felis. Donec in ligula purus. Nulla et metus dapibus dolor bibendum dapibus quis lacinia orci. Sed vel elementum sapien. Sed pharetra ipsum vitae augue volutpat vitae imperdiet nunc venenatis. Aliquam lobortis sagittis odio, in luctus enim commodo vel. In dapibus sagittis placerat. Aliquam laoreet gravida turpis, a tempus felis accumsan nec. Donec tempus scelerisque risus, ac tincidunt ipsum fringilla nec. Pellentesque pulvinar ornare arcu ac dictum. Proin facilisis magna a sem tempus gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc eleifend suscipit risus, vitae porta sem interdum nec. In semper arcu sed erat pulvinar consectetur. Aenean lobortis massa sit amet quam pretium non tempus sem pellentesque. + +
+ + diff --git a/src/bug8.css b/src/bug8.css new file mode 100644 index 0000000..885643c --- /dev/null +++ b/src/bug8.css @@ -0,0 +1,65 @@ +.tabpanel +{ + position: relative; + border: 1px solid silver; + box-shadow: 3px 3px 3px silver; + background-color: rgba(255,255,255,0.5); + margin: 10px; + + position: absolute; + left: 230px; + top: 10px; + right: 20px; +} + +.tabpanel li, +.tabpanel h2 +{ + font-family: sans-serif; + line-height: 12px; + font-size: 11px; + margin: 0; + padding: 0; +} + +.tabpanel ul +{ + margin: 0; + padding: 0; + + list-style-type: none; + list-style-position: outside; + border-bottom: 1px solid #C2D9E7; + margin-bottom: 10px; + margin-right: 14px; + padding-top: 5px; +} + +.tabpanel div:last-child ul +{ + border-bottom: 1px solid transparent; +} + +.tabpanel li +{ + cursor: pointer; + position: relative; + margin: 10px; + padding-left: 22px; +} + +.tabpanel h2 +{ + font-weight: bold; + + font-weight: normal; + padding-left: 10px; + text-transform: none; + color: #F7941F; + display: inline; +} + +.tabpanel div div +{ + padding: 10px 0 0 10px; +} \ No newline at end of file diff --git a/src/bug8.html b/src/bug8.html new file mode 100644 index 0000000..59579d4 --- /dev/null +++ b/src/bug8.html @@ -0,0 +1,49 @@ + + + + Columnize Hang Example + + + + + + +
+ + \ No newline at end of file diff --git a/src/jquery.columnizer.js b/src/jquery.columnizer.js index dde8d69..04d874b 100644 --- a/src/jquery.columnizer.js +++ b/src/jquery.columnizer.js @@ -50,6 +50,9 @@ var $cache = $('
'); // this is where we'll put the real content var lastWidth = 0; var columnizing = false; + + var adjustment = 0; + $cache.append($(this).contents().clone(true)); // images loading after dom load @@ -372,8 +375,14 @@ // the last column is the tallest // so allow columns to be taller // and retry - targetHeight = targetHeight + 30; - if(loopCount == maxLoops-1) maxLoops++; + adjustment += 30; + if(adjustment < 100){ + targetHeight = targetHeight + 30; + if(loopCount == maxLoops-1) maxLoops++; + }else{ + debugger; + loopCount = maxLoops; + } }else if(max - min > 30){ // too much variation, try again targetHeight = avgH + 30; From d856ca1d251cd72602bd974d97e6594027f06d5f Mon Sep 17 00:00:00 2001 From: Adam Wulf Date: Sat, 20 Aug 2011 23:05:45 -0700 Subject: [PATCH 009/114] prepping 1.5 release --- src/jquery.columnizer.js | 4 ++-- src/jquery.columnizer.min.js | 19 ++++++++++--------- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/src/jquery.columnizer.js b/src/jquery.columnizer.js index 04d874b..bb67d3d 100644 --- a/src/jquery.columnizer.js +++ b/src/jquery.columnizer.js @@ -1,6 +1,6 @@ -// version 1.4.0 +// version 1.5.0 // http://welcome.totheinter.net/columnizer-jquery-plugin/ -// created by: Adam Wulf adam.wulf@gmail.com +// created by: Adam Wulf @adamwulf, adam.wulf@gmail.com (function($){ diff --git a/src/jquery.columnizer.min.js b/src/jquery.columnizer.min.js index c4336e4..0fc925b 100644 --- a/src/jquery.columnizer.min.js +++ b/src/jquery.columnizer.min.js @@ -1,5 +1,6 @@ -(function($){$.fn.columnize=function(options){var defaults={width:400,columns:false,buildOnce:false,overflow:false,doneFunc:function(){},target:false,ignoreImageLoading:true,float:"left",lastNeverTallest:false};var options=$.extend(defaults,options);return this.each(function(){var $inBox=options.target?$(options.target):$(this);var maxHeight=$(this).height();var $cache=$('
');var lastWidth=0;var columnizing=false;$cache.append($(this).children().clone(true));if(!options.ignoreImageLoading&&!options.target){if(!$inBox.data("imageLoaded")){$inBox.data("imageLoaded",true);if($(this).find("img").length>0){var func=function($inBox,$cache){return function(){if(!$inBox.data("firstImageLoaded")){$inBox.data("firstImageLoaded","true");$inBox.empty().append($cache.children().clone(true));$inBox.columnize(options);}}}($(this),$cache);$(this).find("img").one("load",func);$(this).find("img").one("abort",func);return;}}} +(function($){$.fn.columnize=function(options){var defaults={width:400,columns:false,buildOnce:false,overflow:false,doneFunc:function(){},target:false,ignoreImageLoading:true,columnFloat:"left",lastNeverTallest:false,accuracy:false};var options=$.extend(defaults,options);if(typeof(options.width)=="string"){options.width=parseInt(options.width);if(isNaN(options.width)){options.width=defaults.width;}} +return this.each(function(){var $inBox=options.target?$(options.target):$(this);var maxHeight=$(this).height();var $cache=$('
');var lastWidth=0;var columnizing=false;var adjustment=0;$cache.append($(this).contents().clone(true));if(!options.ignoreImageLoading&&!options.target){if(!$inBox.data("imageLoaded")){$inBox.data("imageLoaded",true);if($(this).find("img").length>0){var func=function($inBox,$cache){return function(){if(!$inBox.data("firstImageLoaded")){$inBox.data("firstImageLoaded","true");$inBox.empty().append($cache.children().clone(true));$inBox.columnize(options);}}}($(this),$cache);$(this).find("img").one("load",func);$(this).find("img").one("abort",func);return;}}} $inBox.empty();columnizeIt();if(!options.buildOnce){$(window).resize(function(){if(!options.buildOnce&&$.browser.msie){if($inBox.data("timeout")){clearTimeout($inBox.data("timeout"));} $inBox.data("timeout",setTimeout(columnizeIt,200));}else if(!options.buildOnce){columnizeIt();}else{}});} function columnize($putInHere,$pullOutHere,$parentColumn,height){while($parentColumn.height()=height&&latestTextNode!=null){$putInHere[0].removeChi if(oText.length){$item[0].nodeValue=oText;}else{return false;}} if($pullOutHere.children().length){$pullOutHere.prepend($item);}else{$pullOutHere.append($item);} return $item[0].nodeType==3;} -function split($putInHere,$pullOutHere,$parentColumn,height){if($pullOutHere.children().length){$cloneMe=$pullOutHere.children(":first");$clone=$cloneMe.clone(true);if($clone.attr("nodeType")==1&&!$clone.hasClass("dontend")){$putInHere.append($clone);if($clone.is("img")&&$parentColumn.height()
"));$col=$inBox.children().eq($inBox.children().length-1);$destroyable=$cache.clone(true);if(options.overflow){targetHeight=options.overflow.height;columnize($col,$destroyable,$col,targetHeight);if(!$destroyable.children().find(":first-child").hasClass("dontend")){split($col,$destroyable,$col,targetHeight);} +$inBox.data("columnized",true);$inBox.data("columnizing",true);$inBox.empty();$inBox.append($("
"));$col=$inBox.children().eq($inBox.children().length-1);$destroyable=$cache.clone(true);if(options.overflow){targetHeight=options.overflow.height;columnize($col,$destroyable,$col,targetHeight);if(!$destroyable.contents().find(":first-child").hasClass("dontend")){split($col,$destroyable,$col,targetHeight);} while(checkDontEndColumn($col.children(":last").length&&$col.children(":last").get(0))){var $lastKid=$col.children(":last");$lastKid.remove();$destroyable.prepend($lastKid);} var html="";var div=document.createElement('DIV');while($destroyable[0].childNodes.length>0){var kid=$destroyable[0].childNodes[0];for(var i=0;i
"));$col=$inBox.children(":last");$col.append($cache.clone());maxHeight=$col.height();$inBox.empty();var targetHeight=maxHeight/numCols;var firstTime=true;var maxLoops=3;var scrollHorizontally=false;if(options.overflow){maxLoops=1;targetHeight=options.overflow.height;}else if(options.height&&options.width){maxLoops=1;targetHeight=options.height;scrollHorizontally=true;} +if($inBox.data("columnizing"))return;$inBox.data("columnized",true);$inBox.data("columnizing",true);$inBox.empty();$inBox.append($("
"));$col=$inBox.children(":last");$col.append($cache.clone());maxHeight=$col.height();$inBox.empty();var targetHeight=maxHeight/numCols;var firstTime=true;var maxLoops=3;var scrollHorizontally=false;if(options.overflow){maxLoops=1;targetHeight=options.overflow.height;}else if(options.height&&options.width){maxLoops=1;targetHeight=options.height;scrollHorizontally=true;} for(var loopCount=0;loopCount