WP Easy Columns - Version 2.0

Version Description

  • Upgraded visual editor window to WP 3.2 compliance
  • Completely reworked visual editor interface
  • Added additional "pick n click" column combinations
Download this release

Release Info

Developer kcfried
Plugin Icon wp plugin WP Easy Columns
Version 2.0
Comparing to
See all releases

Code changes from version 1.2.1 to 2.0

Files changed (25) hide show
  1. easy-columns.php +1 -1
  2. readme.txt +7 -2
  3. tinymce/editor_plugin.js +2 -2
  4. tinymce/img/1half2quarter.jpg +0 -0
  5. tinymce/img/1quarter3quarter.jpg +0 -0
  6. tinymce/img/1third2third.jpg +0 -0
  7. tinymce/img/2fifth3fifth.jpg +0 -0
  8. tinymce/img/2half.jpg +0 -0
  9. tinymce/img/2quarter1half.jpg +0 -0
  10. tinymce/img/2third1third.jpg +0 -0
  11. tinymce/img/3fifth2fifth.jpg +0 -0
  12. tinymce/img/3quarter1quarter.jpg +0 -0
  13. tinymce/img/3third.jpg +0 -0
  14. tinymce/img/4quarter.jpg +0 -0
  15. tinymce/img/5fifth.jpg +0 -0
  16. tinymce/img/half.jpg +0 -0
  17. tinymce/img/onefifth.jpg +0 -0
  18. tinymce/img/quarter.jpg +0 -0
  19. tinymce/img/quarterhalfquarter.jpg +0 -0
  20. tinymce/img/third.jpg +0 -0
  21. tinymce/img/threefifth.jpg +0 -0
  22. tinymce/img/threequarter.jpg +0 -0
  23. tinymce/img/twofifth.jpg +0 -0
  24. tinymce/img/twothirds.jpg +0 -0
  25. tinymce/window.php +225 -150
easy-columns.php CHANGED
@@ -2,7 +2,7 @@
2
  /*
3
  Plugin Name: Easy Columns
4
  Plugin URI: http://www.affiliatetechhelp.com/wordpress/easy-columns
5
- Version: v1.2.1
6
  Author: <a href="http://www.affiliatetechhelp.com">Pat Friedl</a>
7
  Description: Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them. Using shortcodes for 1/4, 1/2, 1/3, 2/3, 3/4, 1/5, 2/5, and 3/5 columns, you can insert <strong>at least thirty</strong> unique variations of columns on any page or post. Quickly add columns to your pages from the editor with an easy to use "pick n' click" interface! For usage and more information, visit <a href="http://www.affiliatetechhelp.com" target="_blank">affiliatetechhelp.com</a>.
8
 
2
  /*
3
  Plugin Name: Easy Columns
4
  Plugin URI: http://www.affiliatetechhelp.com/wordpress/easy-columns
5
+ Version: v2.0
6
  Author: <a href="http://www.affiliatetechhelp.com">Pat Friedl</a>
7
  Description: Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them. Using shortcodes for 1/4, 1/2, 1/3, 2/3, 3/4, 1/5, 2/5, and 3/5 columns, you can insert <strong>at least thirty</strong> unique variations of columns on any page or post. Quickly add columns to your pages from the editor with an easy to use "pick n' click" interface! For usage and more information, visit <a href="http://www.affiliatetechhelp.com" target="_blank">affiliatetechhelp.com</a>.
8
 
readme.txt CHANGED
@@ -4,8 +4,8 @@ Donate link: http://www.affiliatetechhelp.com/wordpress/easy-columns
4
  Tags: columns, column, grid layout, layout, magazine, page, posts, magazine columns, magazine layout, float div
5
 
6
  Requires at least: 2.7
7
- Tested up to: 3.1.3
8
- Stable tag: 1.2.1
9
 
10
  Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them.
11
 
@@ -99,6 +99,11 @@ Columns can be used in CMS layouts, magazine layouts and squeeze page layouts -
99
  == Upgrade Notice ==
100
  * Additional shortcodes and fixes - please update!
101
 
 
 
 
 
 
102
  = 1.2.1 =
103
  * Added 4/5 column support
104
  * Added custom CSS logic for the 1/5-4/5 columns
4
  Tags: columns, column, grid layout, layout, magazine, page, posts, magazine columns, magazine layout, float div
5
 
6
  Requires at least: 2.7
7
+ Tested up to: 3.2
8
+ Stable tag: 2.0
9
 
10
  Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them.
11
 
99
  == Upgrade Notice ==
100
  * Additional shortcodes and fixes - please update!
101
 
102
+ = 2.0 =
103
+ * Upgraded visual editor window to WP 3.2 compliance
104
+ * Completely reworked visual editor interface
105
+ * Added additional "pick n click" column combinations
106
+
107
  = 1.2.1 =
108
  * Added 4/5 column support
109
  * Added custom CSS logic for the 1/5-4/5 columns
tinymce/editor_plugin.js CHANGED
@@ -18,8 +18,8 @@
18
  ed.addCommand('mceEZColumns', function() {
19
  ed.windowManager.open({
20
  file : url + '/window.php',
21
- width : 540 + ed.getLang('ezColumns.delta_width', 0),
22
- height : 480 + ed.getLang('ezColumns.delta_height', 0),
23
  inline : 1
24
  }, {
25
  plugin_url : url // Plugin absolute URL
18
  ed.addCommand('mceEZColumns', function() {
19
  ed.windowManager.open({
20
  file : url + '/window.php',
21
+ width : 638 + ed.getLang('ezColumns.delta_width', 0),
22
+ height : 438 + ed.getLang('ezColumns.delta_height', 0),
23
  inline : 1
24
  }, {
25
  plugin_url : url // Plugin absolute URL
tinymce/img/1half2quarter.jpg DELETED
Binary file
tinymce/img/1quarter3quarter.jpg DELETED
Binary file
tinymce/img/1third2third.jpg DELETED
Binary file
tinymce/img/2fifth3fifth.jpg DELETED
Binary file
tinymce/img/2half.jpg DELETED
Binary file
tinymce/img/2quarter1half.jpg DELETED
Binary file
tinymce/img/2third1third.jpg DELETED
Binary file
tinymce/img/3fifth2fifth.jpg DELETED
Binary file
tinymce/img/3quarter1quarter.jpg DELETED
Binary file
tinymce/img/3third.jpg DELETED
Binary file
tinymce/img/4quarter.jpg DELETED
Binary file
tinymce/img/5fifth.jpg DELETED
Binary file
tinymce/img/half.jpg DELETED
Binary file
tinymce/img/onefifth.jpg DELETED
Binary file
tinymce/img/quarter.jpg DELETED
Binary file
tinymce/img/quarterhalfquarter.jpg DELETED
Binary file
tinymce/img/third.jpg DELETED
Binary file
tinymce/img/threefifth.jpg DELETED
Binary file
tinymce/img/threequarter.jpg DELETED
Binary file
tinymce/img/twofifth.jpg DELETED
Binary file
tinymce/img/twothirds.jpg DELETED
Binary file
tinymce/window.php CHANGED
@@ -3,7 +3,7 @@
3
  wp ez columns tinymce
4
  */
5
  // look up for the path
6
- require_once('../../../../wp-config.php');
7
 
8
  // check for rights
9
  if ( !is_user_logged_in() || !current_user_can('edit_posts') )
@@ -20,6 +20,31 @@ global $wpdb;
20
  <head>
21
  <title>WP Easy Columns</title>
22
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
23
  <script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/tiny_mce_popup.js"></script>
24
  <script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/utils/mctabs.js"></script>
25
  <script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/utils/form_utils.js"></script>
@@ -33,6 +58,7 @@ function insertColumns(col) {
33
  colTxt = ' ';
34
  switch(col)
35
  {
 
36
  case 'quarter':
37
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
38
  break;
@@ -60,17 +86,29 @@ function insertColumns(col) {
60
  case 'fourfifths':
61
  colTxt += '[wpcol_4fifth id="" class="" style=""]Four Fifths Column[/wpcol_4fifth] ';
62
  break;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63
  case '4quarter':
64
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
65
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
66
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
67
  colTxt += '[wpcol_1quarter_end id="" class="" style=""]Quarter Column[/wpcol_1quarter_end] ';
68
  break;
69
- case '2quarter1half':
70
- colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
71
- colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
72
- colTxt += '[wpcol_1half_end id="" class="" style=""]Half Column[/wpcol_1half_end] ';
73
- break;
74
  case '1half2quarter':
75
  colTxt += '[wpcol_1half id="" class="" style=""]Half Column[/wpcol_1half] ';
76
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
@@ -81,6 +119,11 @@ function insertColumns(col) {
81
  colTxt += '[wpcol_1half id="" class="" style=""]Half Column[/wpcol_1half] ';
82
  colTxt += '[wpcol_1quarter_end id="" class="" style=""]Quarter Column[/wpcol_1quarter_end] ';
83
  break;
 
 
 
 
 
84
  case '2half':
85
  colTxt += '[wpcol_1half id="" class="" style=""]Half Column[/wpcol_1half] ';
86
  colTxt += '[wpcol_1half_end id="" class="" style=""]Half Column[/wpcol_1half_end] ';
@@ -93,36 +136,54 @@ function insertColumns(col) {
93
  colTxt += '[wpcol_3quarter id="" class="" style=""]Three Quarter Column[/wpcol_3quarter] ';
94
  colTxt += '[wpcol_1quarter_end id="" class="" style=""]Quarter Column[/wpcol_1quarter_end] ';
95
  break;
96
- case '3third':
97
- colTxt += '[wpcol_1third id="" class="" style=""]Third Column[/wpcol_1third] ';
98
- colTxt += '[wpcol_1third id="" class="" style=""]Third Column[/wpcol_1third] ';
99
- colTxt += '[wpcol_1third_end id="" class="" style=""]Third Column[/wpcol_1third_end] ';
100
- break;
101
- case '1third2third':
102
- colTxt += '[wpcol_1third id="" class="" style=""]Third Column[/wpcol_1third] ';
103
- colTxt += '[wpcol_2third_end id="" class="" style=""]Two Thirds Column[/wpcol_2third_end] ';
104
  break;
105
- case '2third1third':
106
- colTxt += '[wpcol_2third id="" class="" style=""]Two Thirds Column[/wpcol_2third] ';
107
- colTxt += '[wpcol_1third_end id="" class="" style=""]Third Column[/wpcol_1third_end] ';
 
 
108
  break;
109
- case '5fifth':
110
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
 
111
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
 
 
 
112
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
113
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
 
114
  colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
115
  break;
116
- case '21fifth3fifth':
117
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
118
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
119
- colTxt += '[wpcol_3fifth_end id="" class="" style=""]Three Fifths Column[/wpcol_3fifth_end] ';
 
120
  break;
121
  case '3fifth21fifth':
122
  colTxt += '[wpcol_3fifth id="" class="" style=""]Three Fifths Column[/wpcol_3fifth] ';
123
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
124
  colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
125
  break;
 
 
 
 
 
 
 
 
 
 
126
  case '2fifth3fifth':
127
  colTxt += '[wpcol_2fifth id="" class="" style=""]Two Fifths Column[/wpcol_2fifth] ';
128
  colTxt += '[wpcol_3fifth_end id="" class="" style=""]Three Fifths Column[/wpcol_3fifth_end] ';
@@ -226,7 +287,7 @@ select {
226
  </style>
227
  </head>
228
  <body id="link" onload="tinyMCEPopup.executeOnLoad('init();');">
229
- <form name="cookieJar" action="#">
230
 
231
  <div class="panel">
232
 
@@ -236,144 +297,158 @@ select {
236
  <h3>Insert Column Combinations</h3>
237
  </td>
238
  </tr>
239
- <tr>
240
- <td valign="top" align="center" width="31%">
 
 
 
 
241
 
242
- <!-- third columns -->
243
- <table border="0" cellpadding="2" cellspacing="0">
244
- <tr>
245
- <td class="hdrRow" align="center">
246
- 1/3, 2/3 Columns
247
- </td>
248
- </tr>
249
- <tr>
250
- <td align="center">
251
- <a href="javascript:void(0);" onclick="insertColumns('3third')"><img src="img/3third.jpg" alt="Three One Third Columns"></a>
252
- </td>
253
- </tr>
254
- <tr>
255
- <td align="center">
256
- <a href="javascript:void(0);" onclick="insertColumns('1third2third')"><img src="img/1third2third.jpg" alt="One Third &amp; One Two Thirds Column"></a>
257
- </td>
258
- </tr>
259
- <tr>
260
- <td align="center">
261
- <a href="javascript:void(0);" onclick="insertColumns('2third1third')"><img src="img/2third1third.jpg" alt="One Two Thirds &amp; One Third Column"></a>
262
- </td>
263
- </tr>
264
- </table>
265
-
266
- </td>
267
- <td valign="top" align="center" width="31%">
268
-
269
- <!-- quarter columns -->
270
- <table border="0" cellpadding="2" cellspacing="0" class="colSelect">
271
- <tr>
272
- <td class="hdrRow" align="center">
273
- 1/4, 1/2, 3/4 Columns
274
- </td>
275
- </tr>
276
- <tr>
277
- <td width="50%" align="center">
278
- <a href="javascript:void(0);" onclick="insertColumns('4quarter')"><img src="img/4quarter.jpg" alt="Four Quarter Columns"></a>
279
- </td>
280
- </tr>
281
- <tr>
282
- <td align="center">
283
- <a href="javascript:void(0);" onclick="insertColumns('2quarter1half')"><img src="img/2quarter1half.jpg" alt="Two Quarter &amp; One Half Column"></a>
284
- </td>
285
- </tr>
286
- <tr>
287
- <td align="center">
288
- <a href="javascript:void(0);" onclick="insertColumns('1half2quarter')"><img src="img/1half2quarter.jpg" alt="One Half &amp; Two Quarter Columns"></a>
289
- </td>
290
- </tr>
291
- <tr>
292
- <td align="center">
293
- <a href="javascript:void(0);" onclick="insertColumns('quarterhalfquarter')"><img src="img/quarterhalfquarter.jpg" alt="One Quarter, One Half &amp; One Quarter Column"></a>
294
- </td>
295
- </tr>
296
- <tr>
297
- <td width="50%" align="center">
298
- <a href="javascript:void(0);" onclick="insertColumns('2half')"><img src="img/2half.jpg" alt="Two Half Columns"></a>
299
- </td>
300
- </tr>
301
- <tr>
302
- <td align="center">
303
- <a href="javascript:void(0);" onclick="insertColumns('1quarter3quarter')"><img src="img/1quarter3quarter.jpg" alt="One Quarter &amp; One Three Quarter Column"></a>
304
- </td>
305
- </tr>
306
- <tr>
307
- <td align="center">
308
- <a href="javascript:void(0);" onclick="insertColumns('3quarter1quarter')"><img src="img/3quarter1quarter.jpg" alt="One Three Quarter &amp; One Quarter Column"></a>
309
- </td>
310
- </tr>
311
- </table>
312
-
313
- </td>
314
- <td valign="top" align="center" width="38%">
315
 
316
- <!-- fifth columns -->
317
- <table border="0" cellpadding="2" cellspacing="0">
318
- <tr>
319
- <td class="hdrRow" align="center">
320
- 1/5, 2/5, 3/5, 4/5 Columns
321
- </td>
322
- </tr>
323
- <tr>
324
- <td align="center">
325
- <a href="javascript:void(0);" onclick="insertColumns('5fifth')"><img src="img/5fifth.jpg" alt="Five One Fifth Columns"></a>
326
- </td>
327
- </tr>
328
- <tr>
329
- <td align="center">
330
- <a href="javascript:void(0);" onclick="insertColumns('21fifth3fifth')"><img src="img/21fifth3fifth.jpg" alt="Two One Fifth &amp; One Three Fifths Column"></a>
331
- </td>
332
- </tr>
333
- <tr>
334
- <td align="center">
335
- <a href="javascript:void(0);" onclick="insertColumns('3fifth21fifth')"><img src="img/3fifth21fifth.jpg" alt="One Three Fifths &amp; Two One Fifth Columns"></a>
336
- </td>
337
- </tr>
338
- <tr>
339
- <td align="center">
340
- <a href="javascript:void(0);" onclick="insertColumns('2fifth3fifth')"><img src="img/2fifth3fifth.jpg" alt="One Two Fifths &amp; One Three Fifths Column"></a>
341
- </td>
342
- </tr>
343
- <tr>
344
- <td align="center">
345
- <a href="javascript:void(0);" onclick="insertColumns('3fifth2fifth')"><img src="img/3fifth2fifth.jpg" alt="One Three Fifths &amp; One Two Fifths Column"></a>
346
- </td>
347
- </tr>
348
- <tr>
349
- <td align="center">
350
- <a href="javascript:void(0);" onclick="insertColumns('4fifth1fifth')"><img src="img/4fifth1fifth.jpg" alt="One Four Fifths &amp; One Fifth Column"></a>
351
- </td>
352
- </tr>
353
- <tr>
354
- <td align="center">
355
- <a href="javascript:void(0);" onclick="insertColumns('1fifth4fifth')"><img src="img/1fifth4fifth.jpg" alt="One Fifth &amp; One Four Fifths Column"></a>
356
- </td>
357
- </tr>
358
- </table>
359
-
360
- </td>
361
- </tr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
362
  </table>
363
 
364
  <hr>
365
-
366
  <table border="0" cellpadding="2" cellspacing="0" width="100%">
367
  <tr>
368
  <td class="hdrRow">
369
- Insert Single Column
370
  </td>
371
  <td class="hdrRow">
372
- Insert Clear Div
373
  </td>
374
  </tr>
375
  <tr>
376
-
377
  <td valign="top">
378
  <select id="selSingles">
379
  <option value="quarter">One Quarter Column</option>
@@ -388,7 +463,7 @@ select {
388
  </select>
389
  <input type="button" id="insert" name="insert" value="Insert" onclick="singleInsert()">
390
  </td>
391
-
392
  <td valign="top">
393
  <select id="selClearType">
394
  <option value="left" selected="selected">left</option>
@@ -398,14 +473,14 @@ select {
398
  </select>
399
  <input type="button" id="insert" name="insert" value="Insert" onclick="insertClear();" />
400
  </td>
401
-
402
  </tr>
403
  </table>
404
-
405
  <table border="0" cellpadding="2" cellspacing="0">
406
  <tr>
407
  <td colspan="4" class="hdrRow">
408
- Insert Custom DIV
409
  </td>
410
  </tr>
411
  <tr>
3
  wp ez columns tinymce
4
  */
5
  // look up for the path
6
+ @ require('../../../../wp-config.php');
7
 
8
  // check for rights
9
  if ( !is_user_logged_in() || !current_user_can('edit_posts') )
20
  <head>
21
  <title>WP Easy Columns</title>
22
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
23
+ <style>
24
+ .colPicker {
25
+ float: left;
26
+ width: 150px;
27
+ }
28
+ .colPicker tr {
29
+ cursor: hand;
30
+ }
31
+ .colPicker td {
32
+ background-color: #006599;
33
+ color: #fff;
34
+ text-align: center;
35
+ font-family: arial,helvetica,sans-serif;
36
+ font-size: 12px;
37
+ font-weight: bold;
38
+ padding: 4px;
39
+ border-top: 1px solid #0097E2;
40
+ border-left: 1px solid #0097E2;
41
+ border-right: 1px solid #003E5E;
42
+ border-bottom: 1px solid #003E5E;
43
+ -moz-border-radius: 5px;
44
+ border-radius: 5px;
45
+ cursor: hand;
46
+ }
47
+ </style>
48
  <script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/tiny_mce_popup.js"></script>
49
  <script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/utils/mctabs.js"></script>
50
  <script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/utils/form_utils.js"></script>
58
  colTxt = ' ';
59
  switch(col)
60
  {
61
+ /* single columns */
62
  case 'quarter':
63
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
64
  break;
86
  case 'fourfifths':
87
  colTxt += '[wpcol_4fifth id="" class="" style=""]Four Fifths Column[/wpcol_4fifth] ';
88
  break;
89
+
90
+ /* 1/3, 2/3 */
91
+ case '3third':
92
+ colTxt += '[wpcol_1third id="" class="" style=""]Third Column[/wpcol_1third] ';
93
+ colTxt += '[wpcol_1third id="" class="" style=""]Third Column[/wpcol_1third] ';
94
+ colTxt += '[wpcol_1third_end id="" class="" style=""]Third Column[/wpcol_1third_end] ';
95
+ break;
96
+ case '1third2third':
97
+ colTxt += '[wpcol_1third id="" class="" style=""]Third Column[/wpcol_1third] ';
98
+ colTxt += '[wpcol_2third_end id="" class="" style=""]Two Thirds Column[/wpcol_2third_end] ';
99
+ break;
100
+ case '2third1third':
101
+ colTxt += '[wpcol_2third id="" class="" style=""]Two Thirds Column[/wpcol_2third] ';
102
+ colTxt += '[wpcol_1third_end id="" class="" style=""]Third Column[/wpcol_1third_end] ';
103
+ break;
104
+
105
+ /* 1/4, 1/2, 3/4 */
106
  case '4quarter':
107
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
108
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
109
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
110
  colTxt += '[wpcol_1quarter_end id="" class="" style=""]Quarter Column[/wpcol_1quarter_end] ';
111
  break;
 
 
 
 
 
112
  case '1half2quarter':
113
  colTxt += '[wpcol_1half id="" class="" style=""]Half Column[/wpcol_1half] ';
114
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
119
  colTxt += '[wpcol_1half id="" class="" style=""]Half Column[/wpcol_1half] ';
120
  colTxt += '[wpcol_1quarter_end id="" class="" style=""]Quarter Column[/wpcol_1quarter_end] ';
121
  break;
122
+ case '2quarter1half':
123
+ colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
124
+ colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
125
+ colTxt += '[wpcol_1half_end id="" class="" style=""]Half Column[/wpcol_1half_end] ';
126
+ break;
127
  case '2half':
128
  colTxt += '[wpcol_1half id="" class="" style=""]Half Column[/wpcol_1half] ';
129
  colTxt += '[wpcol_1half_end id="" class="" style=""]Half Column[/wpcol_1half_end] ';
136
  colTxt += '[wpcol_3quarter id="" class="" style=""]Three Quarter Column[/wpcol_3quarter] ';
137
  colTxt += '[wpcol_1quarter_end id="" class="" style=""]Quarter Column[/wpcol_1quarter_end] ';
138
  break;
139
+
140
+ /* 1/5, 2/5, 3/5, 4/5 */
141
+ case '5fifth':
142
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
143
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
144
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
145
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
146
+ colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
147
  break;
148
+ case '2fifth31fifth':
149
+ colTxt += '[wpcol_2fifth id="" class="" style=""]Two Fifths Column[/wpcol_2fifth] ';
150
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
151
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
152
+ colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
153
  break;
154
+ case '1fifth2fifth21fifth':
155
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
156
+ colTxt += '[wpcol_2fifth id="" class="" style=""]Two Fifths Column[/wpcol_2fifth] ';
157
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
158
+ colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
159
+ break;
160
+ case '21fifth2fifth1fifth':
161
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
162
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
163
+ colTxt += '[wpcol_2fifth id="" class="" style=""]Two Fifths Column[/wpcol_2fifth] ';
164
  colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
165
  break;
166
+ case '31fifth2fifth':
167
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
168
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
169
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
170
+ colTxt += '[wpcol_2fifth_end id="" class="" style=""]Two Fifths Column[/wpcol_2fifth_end] ';
171
  break;
172
  case '3fifth21fifth':
173
  colTxt += '[wpcol_3fifth id="" class="" style=""]Three Fifths Column[/wpcol_3fifth] ';
174
  colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
175
  colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
176
  break;
177
+ case '1fifth3fifth1fifth':
178
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
179
+ colTxt += '[wpcol_3fifth id="" class="" style=""]Three Fifths Column[/wpcol_3fifth] ';
180
+ colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
181
+ break;
182
+ case '21fifth3fifth':
183
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
184
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
185
+ colTxt += '[wpcol_3fifth_end id="" class="" style=""]Three Fifths Column[/wpcol_3fifth_end] ';
186
+ break;
187
  case '2fifth3fifth':
188
  colTxt += '[wpcol_2fifth id="" class="" style=""]Two Fifths Column[/wpcol_2fifth] ';
189
  colTxt += '[wpcol_3fifth_end id="" class="" style=""]Three Fifths Column[/wpcol_3fifth_end] ';
287
  </style>
288
  </head>
289
  <body id="link" onload="tinyMCEPopup.executeOnLoad('init();');">
290
+ <form name="columnPicker" action="#">
291
 
292
  <div class="panel">
293
 
297
  <h3>Insert Column Combinations</h3>
298
  </td>
299
  </tr>
300
+ </table>
301
+
302
+ <!-- column combinations -->
303
+ <table cellspacing="0" cellpadding="0" border="0">
304
+ <tr>
305
+ <td valign="top" align="center">
306
 
307
+ <strong>1/3, 2/3, 3/3</strong><br />
308
+ <table cellspacing="3" cellpadding="0" border="0" class="colPicker">
309
+ <tr onclick="insertColumns('3third')">
310
+ <td width="33%">1/3</td>
311
+ <td width="33%">1/3</td>
312
+ <td width="33%">1/3</td>
313
+ </tr>
314
+ <tr onclick="insertColumns('1third2third')">
315
+ <td width="33%">1/3</td>
316
+ <td colspan="2">2/3</td>
317
+ </tr>
318
+ <tr onclick="insertColumns('2third1third')">
319
+ <td width="33%" colspan="2">2/3</td>
320
+ <td width="33%">1/3</td>
321
+ </tr>
322
+ </table>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
323
 
324
+ </td>
325
+ <td valign="top" align="center">
326
+
327
+ <strong>1/4, 1/2, 3/4</strong><br />
328
+ <table cellspacing="3" cellpadding="0" border="0" class="colPicker">
329
+ <tr onclick="insertColumns('4quarter')">
330
+ <td width="25%">1/4</td>
331
+ <td width="25%">1/4</td>
332
+ <td width="25%">1/4</td>
333
+ <td width="25%">1/4</td>
334
+ </tr>
335
+ <tr onclick="insertColumns('1half2quarter')">
336
+ <td colspan="2">1/2</td>
337
+ <td width="25%">1/4</td>
338
+ <td width="25%">1/4</td>
339
+ </tr>
340
+ <tr onclick="insertColumns('quarterhalfquarter')">
341
+ <td width="25%">1/4</td>
342
+ <td colspan="2">1/2</td>
343
+ <td width="25%">1/4</td>
344
+ </tr>
345
+ <tr onclick="insertColumns('2quarter1half')">
346
+ <td width="25%">1/4</td>
347
+ <td width="25%">1/4</td>
348
+ <td colspan="2">1/2</td>
349
+ </tr>
350
+ <tr onclick="insertColumns('2half')">
351
+ <td colspan="2">1/2</td>
352
+ <td colspan="2">1/2</td>
353
+ </tr>
354
+ <tr onclick="insertColumns('1quarter3quarter')">
355
+ <td width="25%">1/4</td>
356
+ <td colspan="3">3/4</td>
357
+ </tr>
358
+ <tr onclick="insertColumns('3quarter1quarter')">
359
+ <td colspan="3">3/4</td>
360
+ <td width="25%">1/4</td>
361
+ </tr>
362
+ </table>
363
+
364
+ </td>
365
+ <td valign="top" align="center">
366
+
367
+ <strong>1/5, 2/5, 3/5, 4/5</strong><br />
368
+ <table cellspacing="3" cellpadding="0" border="0" class="colPicker">
369
+ <tr onclick="insertColumns('5fifth')">
370
+ <td width="20%">1/5</td>
371
+ <td width="20%">1/5</td>
372
+ <td width="20%">1/5</td>
373
+ <td width="20%">1/5</td>
374
+ <td width="20%">1/5</td>
375
+ </tr>
376
+ <tr onclick="insertColumns('2fifth31fifth')">
377
+ <td colspan="2">2/5</td>
378
+ <td width="20%">1/5</td>
379
+ <td width="20%">1/5</td>
380
+ <td width="20%">1/5</td>
381
+ </tr>
382
+ <tr onclick="insertColumns('1fifth2fifth21fifth')">
383
+ <td width="20%">1/5</td>
384
+ <td colspan="2">2/5</td>
385
+ <td width="20%">1/5</td>
386
+ <td width="20%">1/5</td>
387
+ </tr>
388
+ <tr onclick="insertColumns('21fifth2fifth1fifth')">
389
+ <td width="20%">1/5</td>
390
+ <td width="20%">1/5</td>
391
+ <td colspan="2">2/5</td>
392
+ <td width="20%">1/5</td>
393
+ </tr>
394
+ <tr onclick="insertColumns('31fifth2fifth')">
395
+ <td width="20%">1/5</td>
396
+ <td width="20%">1/5</td>
397
+ <td width="20%">1/5</td>
398
+ <td colspan="2">2/5</td>
399
+ </tr>
400
+ </table>
401
+ <table cellspacing="3" cellpadding="0" border="0" class="colPicker">
402
+ <tr onclick="insertColumns('3fifth21fifth')">
403
+ <td colspan="3">3/5</td>
404
+ <td width="20%">1/5</td>
405
+ <td width="20%">1/5</td>
406
+ </tr>
407
+ <tr onclick="insertColumns('1fifth3fifth1fifth')">
408
+ <td width="20%">1/5</td>
409
+ <td colspan="3">3/5</td>
410
+ <td width="20%">1/5</td>
411
+ </tr>
412
+ <tr onclick="insertColumns('21fifth3fifth')">
413
+ <td width="20%">1/5</td>
414
+ <td width="20%">1/5</td>
415
+ <td colspan="3">3/5</td>
416
+ </tr>
417
+ <tr onclick="insertColumns('2fifth3fifth')">
418
+ <td colspan="2">2/5</td>
419
+ <td colspan="3">3/5</td>
420
+ </tr>
421
+ <tr onclick="insertColumns('3fifth2fifth')">
422
+ <td colspan="3">3/5</td>
423
+ <td colspan="2">2/5</td>
424
+ </tr>
425
+ <tr onclick="insertColumns('4fifth1fifth')">
426
+ <td colspan="4">4/5</td>
427
+ <td width="20%">1/5</td>
428
+ </tr>
429
+ <tr onclick="insertColumns('1fifth4fifth')">
430
+ <td width="20%">1/5</td>
431
+ <td colspan="4">4/5</td>
432
+ </tr>
433
+ </table>
434
+
435
+ </td>
436
+ </tr>
437
  </table>
438
 
439
  <hr>
440
+
441
  <table border="0" cellpadding="2" cellspacing="0" width="100%">
442
  <tr>
443
  <td class="hdrRow">
444
+ <h3>Insert Single Column</h3>
445
  </td>
446
  <td class="hdrRow">
447
+ <h3>Insert Clear Div</h3>
448
  </td>
449
  </tr>
450
  <tr>
451
+
452
  <td valign="top">
453
  <select id="selSingles">
454
  <option value="quarter">One Quarter Column</option>
463
  </select>
464
  <input type="button" id="insert" name="insert" value="Insert" onclick="singleInsert()">
465
  </td>
466
+
467
  <td valign="top">
468
  <select id="selClearType">
469
  <option value="left" selected="selected">left</option>
473
  </select>
474
  <input type="button" id="insert" name="insert" value="Insert" onclick="insertClear();" />
475
  </td>
476
+
477
  </tr>
478
  </table>
479
+
480
  <table border="0" cellpadding="2" cellspacing="0">
481
  <tr>
482
  <td colspan="4" class="hdrRow">
483
+ <h3>Insert Custom DIV</h3>
484
  </td>
485
  </tr>
486
  <tr>