Skip to content

Commit 2115198

Browse files
adamwulfadamwulf
committed
added new columnbreak examples
1 parent 9f6fc3f commit 2115198

File tree

2 files changed

+77
-0
lines changed

2 files changed

+77
-0
lines changed

‎samples/index.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,9 @@ <h3>About</h3>
1919
<p><a href='sample9.html'>sample 9</a> - Uses columnizer to paginate content into a multi-page newsletter layout.</p>
2020
<p><a href='sample10.html'>sample 10</a> - Shows zero padding between columns.</p>
2121
<p><a href='sample11.html'>sample 11</a> - Shows CSS specified padding between columns.</p>
22+
<p><a href='sample12.html'>sample 12</a> - shows mix of automatic columns and manual column breaks.</p>
23+
<p><a href='sample13.html'>sample 13</a> - shows only manual column breaks.</p>
24+
<p><a href='sample14.html'>sample 14</a> - shows column break inside of a dontsplit item.</p>
2225

2326
<p>&nbsp;</p>
2427
<p><b>GitHub Issues</b></p>

‎samples/sample14.html‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2+
"http://www.w3.org/TR/html4/loose.dtd">
3+
4+
<html lang="en">
5+
<head>
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7+
<title>Columnizer JQuery Plugin sample page 3</title>
8+
<meta name="generator" content="TextMate http://macromates.com/">
9+
<meta name="author" content="Matt Wilson">
10+
<!-- Date: 2008-07-12 -->
11+
<style>
12+
.column *{ padding: 5px; }
13+
14+
15+
body { font-size: 9pt; }
16+
#hidden-wrapper { display: none; }
17+
#target { margin: 0px 100px; }
18+
.wide, .thin { clear:both; }
19+
img{ float: left; padding:5px;}
20+
blockquote { font-style: italic; margin-left: 10px; border-left:2px solid #EFEFEF; padding-left: 8px;}
21+
span.columnbreak { display:block; border-bottom:1px dashed black; height:4px; margin: 0 30%; }
22+
23+
</style>
24+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
25+
<script src="../src/jquery.columnizer.js" type="text/javascript" charset="utf-8"></script>
26+
<script>
27+
$(function(){
28+
$('#hidden-wrapper a').click(function(){ alert("boo!"); });
29+
$('#hidden-wrapper').columnize({
30+
manualbreaks:true,
31+
target: "#target"
32+
33+
});
34+
});
35+
</script>
36+
</head>
37+
<body>
38+
<div id="target">
39+
</div>
40+
<div id="hidden-wrapper">
41+
<h1>column break inside dontsplit</h1>
42+
<p>This example shows columns breaking when the columnbreak is inside of a dontsplit item. This will only create as many columns as there are breaks. 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 <a href='javascript:;'>ceteros temporibus</a>, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.</p>
43+
<p><span class='columnbreak'></span></p>
44+
<p>Eu eleifend repudiandae has. Mea eu ridens aliquam. <img src='painting1.jpg'> 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.</p>
45+
<p>Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit <a href='javascript:;'>eu sint inermis</a>. Ea zzril scribentur pro.</p>
46+
<h1>Tempor essent appetere</h1>
47+
<p>Ius mutat commune expetendis in. Nam et quas sensibus <a href='javascript:;'>reprimique</a>, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.</p>
48+
<p>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.</p>
49+
<blockquote><p>Probo debet quaestio an eos, no mel assum <a href='javascript:;'>iracundia delicatissimi</a>, 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.</p></blockquote>
50+
<p>Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos <a href='javascript:;'>constituam mea ea</a>, pri cu delenit iracundia. Mundi decore nec te.</p>
51+
<h1>Soleat civibus in pri</h1>
52+
<p>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.</p>
53+
<p>Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. <img src='painting2.jpg'> Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.</p>
54+
<p>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.</p>
55+
<p>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.</p>
56+
<h1>Lorem ipsum ne justo</h1>
57+
<p>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 <a href='javascript:;'>ceteros temporibus</a>, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.</p>
58+
<p class='dontsplit'>Test 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.
59+
<span class='columnbreak'></span>
60+
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. Test</p>
61+
<p>Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit <a href='javascript:;'>eu sint inermis</a>. Ea zzril scribentur pro.</p>
62+
<h1>Tempor essent appetere</h1>
63+
<p>Ius mutat commune expetendis in. Nam et quas sensibus <a href='javascript:;'>reprimique</a>, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.</p>
64+
<p>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.</p>
65+
<blockquote><p>Probo debet quaestio an eos, no mel assum <a href='javascript:;'>iracundia delicatissimi</a>, 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.</p></blockquote>
66+
<p>Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos <a href='javascript:;'>constituam mea ea</a>, pri cu delenit iracundia. Mundi decore nec te.</p>
67+
<h1>Soleat civibus in pri</h1>
68+
<p>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.</p>
69+
<p>Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. <img src='painting2.jpg'> Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.</p>
70+
<p>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.</p>
71+
<p>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.</p>
72+
</div>
73+
</body>
74+
</html>

0 commit comments

Comments
 (0)