Databases
StackOverflow2013
Postsdbo
POcreate next + previous button on same html with lots of sections
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POcreate next + previous button on same html with lots of sections
    text
    copied!<p>I create a static html with</p> <p>27 section id(s) like this --></p> <pre><code> &lt;section id="001"&gt; &lt;h1&gt;Chap 1 Summary&lt;/h1&gt; /* lil content */ &lt;/section&gt; &lt;section id="002"&gt; &lt;h1&gt;Chap 2 Summary&lt;/h1&gt; /* lil content */ &lt;/section&gt; &lt;section id="003"&gt; &lt;h1&gt;Chap 3 Summary&lt;/h1&gt; /* lil content */ &lt;/section&gt; </code></pre> <p>...etc</p> <hr> <p>and for each section the style/css is like this:</p> <pre><code>#001, #002, #003 ---go on { background-color: #97CACD; margin-left: auto ; margin-right: auto ; width: 100%; height: 500px; text-align: center; padding: 20px; } </code></pre> <p>can I make 'Previous' and 'Next' button for each current/focused section that link to the previous/next section?</p> <p>so far I know is creating specific 'next' and 'previous' button, that linked like this.</p> <p>For example, I'm currently seeing Section #002,</p> <pre><code> &lt;section id="002"&gt; &lt;h1&gt;Chap 2 Summary&lt;/h1&gt; /*---content---*/ &lt;div id="button_previous"&gt;&lt;a href="#001"&gt;Previous&lt;/a&gt;&lt;/div&gt; /* to go back to section #001*/ &lt;div id="button_next"&gt;&lt;a href="#003"&gt;Next&lt;/a&gt;&lt;/div&gt; /*to go next to section #003 */ &lt;/section&gt; </code></pre> <p>^ but that requires I write the targeted href link on every section manually. is there any other option that doesn't require manual writing on the href?</p> <p>sorry for bad english thank you!</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