Databases
StackOverflow2013
Postsdbo
POPut continuous (uploaded) contents in multiple pages (divs)
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPut continuous (uploaded) contents in multiple pages (divs)
    text
    copied!<p>My task is to generate a reader, which separate the uploaded HTML file into multiple pages like Microsoft Word. However, I don't know how to detect when the content reaches the bottom of the “papers”.</p> <p>The uploaded file is a report which consist of multiple tables so its size is unpredictable. Styles of tables should be kept since the attributes should be represented in the new pages.</p> <p>I created a <a href="http://jsfiddle.net/helisz/7RCr5/" rel="nofollow">jsfiddle</a> with my current code.</p> <pre><code>&lt;div class="paper"&gt; &lt;span&gt; Singing is the act of producing musical sounds with the voice, and augments regular speech by the use of both tonality and rhythm.&lt;br /&gt; One who sings is called a singer or vocalist. Singers perform music (Arias, Recitatives, Songs, etc.) that can be sung either with or without accompaniment by musical instruments. &lt;br /&gt;Singing is often done in a group of other musicians, such as in a choir of singers with different voice ranges, or in an ensemble with instrumentalists, such as a rock group or baroque ensemble. &lt;br /&gt; &lt;/span&gt; &lt;table class="table"&gt; &lt;tr&gt; &lt;td colspan="2"&gt;ce&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;brbr&lt;/td&gt; &lt;td&gt;brbr&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;brbr&lt;/td&gt; &lt;td&gt;brbr&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;span&gt; Singing is the act of producing musical sounds with the voice, and augments regular speech by the use of both tonality and rhythm.&lt;br /&gt; One who sings is called a singer or vocalist. Singers perform music (Arias, Recitatives, Songs, etc.) that can be sung either with or without accompaniment by musical instruments. &lt;br /&gt;Singing is often done in a group of other musicians, such as in a choir of singers with different voice ranges, or in an ensemble with instrumentalists, such as a rock group or baroque ensemble. &lt;/span&gt; &lt;/div&gt; .paper { width:150px; height:200px; border:#CCC 1px solid; overflow:hidden; margin:0px 5px 5px 5px; padding: 5px; box-shadow: 3px 3px 0px #DDD; } .table { width:100%; border:#CCC 1px solid; text-align:center; } </code></pre> <p>Could you please tell me how to realize it?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload