+
1
|
list
|
skin
|
login
|
editor
α-wwwiki
::
TOC
user:none
(2045 bytes)
_h1 TOC _p Creating a Table of Content structured with tags "h1/h2/h3/h4/h5/h6". _h4 1) code {pre °° 1) the TOC button {div {@ style="text-align:right;"} {input {@ id="startTOC" type="submit" value="TABLE OF CONTENT" onclick="•• createTOC( getId('TOC'), getId('CONTENT') ); getId('startTOC').disabled = 'disabled'; ••" } } } 2) the TOC container {div {@ id="TOC" style=" position:absolute; left:610px; width:200px; padding:2px; background:white; border:1px solid; box-shadow:0 0 8px; font-size:0.8em; "}} 3) the CONTENT container {div {@ id="CONTENT" style="white-space:pre-wrap; font:normal 0.8em courier new;"} -h1 MAIN TITLE -h2 1) title 1 -p Some text -h3 11) subtitle 11 -p Some text -h4 111) subtitle 111 -p Some text -h5 1111) subtitle 1111 -p Some text -h6 11111) subtitle 11111 -p Some text -h3 12) subtitle 12 -p Some text -h2 2) title 2 -p Some text } °°} _h4 2) short example {div {@ style="text-align:right;"}{input {@ id="startTOC" type="submit" value="TABLE OF CONTENT" onclick="°° createTOC( getId('TOC'), getId('CONTENT') ); getId('startTOC').disabled = 'disabled'; °°"}}} {div {@ id="TOC" style="position:absolute; left:610px; width:200px; padding:2px; background:white; border:1px solid; box-shadow:0 0 8px; font-size:0.8em;"}} {div {@ id="CONTENT" style="white-space:pre-wrap; font:normal 0.8em courier new;"} {hr} _h1 MAIN TITLE _h2 1) title 1 _p Some text _h3 11) subtitle 11 _p Some text _h4 111) subtitle 111 _p Some text _h5 1111) subtitle 1111 _p Some text _h6 11111) subtitle 11111 _p Some text _h3 12) subtitle 12 _p Some text _h2 2) title 2 _p Some text } {hr} _h4 3) full size examples _p Have a look at the following pages : _ul [[help]], _ul [[julesverne]], applied on a text of about 1.2 Mb, 15 300 lines, 300 pages of 50 lines, _ul more to come ...