2

I have lot of data on page and I want to make it book style, instead of splitting the content based tags (div element), I want to split them based on height. Can anybody please teach me, how to split content in jquery based on heights?

I want vertical split instead of horizontal split in columns more like pagination but a actual split like google docs when we paste lot of content it automatically split into pages.

Shishant
  • 9,256
  • 15
  • 58
  • 79

3 Answers3

0

Shishant: The following plugin will have some solution for your problem. please check http://welcome.totheinter.net/columnizer-jquery-plugin/

Download the plugin and check the sample9.html demo. You might looking for the same I guess.

Kothinti
  • 16
  • 2
-2

You should look into using CSS3 Columns. It should do this very nicely for you. Of course, the only issue is that it has terrible support in IE.

nickf
  • 537,072
  • 198
  • 649
  • 721
-2

Take look at CSS multicolumn layout. Works on IE too.

Mrchief
  • 75,126
  • 20
  • 142
  • 189
  • 1
    Sorry this is not what I am looking for, I am looking for content split like when we paste a lot of data in google docs it automatically split content to pages. – Shishant Aug 11 '11 at 21:04
  • Well, in that case, use a `onpaste` handler and in that, apply a pagination plugin to the content that will create pages for you. You can style the pages to get the look and feel of google docs. Here's few: [SweetPages](http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/) and http://www.script-tutorials.com/creating-modern-jquery-pagination-for-content/ – Mrchief Aug 11 '11 at 21:08
  • I have checked both, they both split content based on tags, lets say I have two divs one 1000px another 100px = total 1100px I want to split them into 500px div height – Shishant Aug 11 '11 at 21:15