yaffs.net Git - yaffs-website/blob - web/libraries/jquery.tocify.js-master/demos/default.html

   1
   2 <!DOCTYPE html>
   3 <html lang="en">
   4   <head>
   5     <meta charset="utf-8">
   6     <title>Tocify by Greg Franko</title>
   7     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   8     <meta name="description" content="">
   9     <meta name="author" content="">
  10
  11     <!-- Le styles -->
  12     <link href="styles/bootstrap.css" rel="stylesheet">
  13     <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/black-tie/jquery-ui.css" rel="stylesheet">
  14     <link href="../src/stylesheets/jquery.tocify.css" rel="stylesheet">
  15     <link href="styles/prettify.css" type="text/css" rel="stylesheet" />
  16
  17     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  18     <!--[if lt IE 9]>
  19       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  20     <![endif]-->
  21
  22     <!-- Le fav and touch icons -->
  23     <link rel="shortcut icon" href="../assets/ico/favicon.ico">
  24     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
  25     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
  26     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
  27     <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  28     <style>
  29     body {
  30       padding-top: 20px;
  31     }
  32     p {
  33       font-size: 16px;
  34     }
  35     .headerDoc {
  36       color: #005580;
  37     }
  38
  39 @media (max-width: 767px) {
  40     #toc {
  41         position: relative;
  42         width: 100%;
  43         margin: 0px 0px 20px 0px;
  44     }
  45 }
  46     </style>
  47   </head>
  48
  49   <body>
  50
  51 <a href="https://github.com/gfranko/jquery.tocify.js" target="_blank" id="fork-me"><img style="position: fixed;top: 0; right: 0; border: 0;z-index:999999;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub" alt="Fork me on GitHub"></a>
  52
  53     <div class="container-fluid">
  54       <div class="row-fluid">
  55         <div class="span3">
  56           <div id="toc">
  57           </div><!--/.well -->
  58         </div><!--/span-->
  59         <div class="span9">
  60           <div class="hero-unit">
  61             <h1>Tocify</h1>
  62
  63             <br />
  64             <h2>Description</h2>
  65             <div class="github-widget" data-repo="gfranko/jquery.tocify.js"></div>
  66             <br />
  67             <p>The project is hosted on <a href="https://github.com/gfranko/jquery.tocify.js" target="_blank" class="projectLinks">Github</a>, and the <a href="http://gregfranko.com/jquery.tocify.js/docs/jquery.tocify.html" target="_blank" class="projectLinks">annotated source code</a> is available.  Tocify is available for use under the <a href="https://github.com/gfranko/jquery.tocify.js/blob/master/MIT-LICENSE.txt" target="_blank" class="projectLinks">MIT software license</a>.  You can report bugs and discuss features on the <a href="https://github.com/gfranko/jquery.tocify.js/issues?sort=created&direction=desc&state=open" target="_blank">GitHub issues page</a>, or send tweets to <a href="http://www.twitter.com/gregfranko" target="_blank">@gregfranko</a>.
  68             </p>
  69             <p><a class="btn btn-primary btn-large" href="https://github.com/gfranko/jquery.tocify.js" target="_blank">Fork on Github &raquo;</a></p>
  70           </div>
  71
  72               <h2>Requirements</h2>
  73               <br />
  74               <p class="well"><a href="http://jquery.com" target="_blank">jQuery 1.7.2+</a> (It is always recommended to use the latest version of jQuery)
  75                 <br /><br />
  76                 <a href="http://jqueryui.com/download" target="_blank">jQueryUI Widget Factory 1.8.21+</a> (It is always recommended to use the latest version of the jQueryUI Widget Factory)
  77               </p>
  78               <br />
  79               <h2>Optional Dependencies</h2>
  80               <br />
  81               <p class="well">
  82               <a href="http://twitter.github.com/bootstrap/customize.html" target="_blank">Twitter Bootstrap</a> or <a href="http://jqueryui.com/download" target="_blank">jQueryUI CSS Theme</a>
  83               <br /><br />
  84               <span class="note"><strong>Note: </strong>A Twitter Bootstrap or jQueryUI theme is only required if you want to use either framework to style your table of contents.
  85               </span>
  86               </p>
  87               <br />
  88
  89               <h2>Notable Features</h2>
  90               <br />
  91              <p class="well">
  92              Supports <span class="headerDoc">forward and back button</span> support
  93              <br /><br />
  94              Supports styling with <span class="headerDoc">Twitter Bootstrap</span> or <span class="headerDoc">jQueryUI Themeroller</span>
  95              <br /><br />
  96              Supports show/hide animations with <span class="headerDoc">jQuery effects</span>
  97              <br /><br />
  98              Supports <span class="headerDoc">smooth scrolling animations</span>
  99              <br /><br />
 100              Supports <span class="headerDoc">dynamic scroll highlighting</span>
 101              <br /><br />
 102              Supports <span class="headerDoc">dynamic scroll show/hide effects</span>
 103              <br /><br />
 104              Supports <span class="headerDoc">page extender</span> option to make sure a page is big enough to scroll to all table of content items
 105               <br /><br />
 106
 107               <h2>Browser Support</h2>
 108               <br />
 109               <p class="well">Tested in <span class="headerDoc">IE7+, Firefox 4+, Chrome, Safari 4+, and Opera 11+</span></p>
 110               <br />
 111
 112               <h2>Getting Started</h2>
 113               <br />
 114               <h3>Downloads</h3>
 115               <br />
 116               <p>
 117               Download the latest versions of...
 118               </p>
 119               <br />
 120               <ol class="well">
 121                 <li><a href="http://www.jquery.com" target="_blank">jQuery</a></li>
 122                 <br />
 123                 <li><a href="http://jqueryui.com/download" target="_blank">jQueryUI Widget Factory</a> (You only need the Widget component underneath the UI Core dependency)</li>
 124                 <br />
 125                 <li><a href="https://github.com/gfranko/jquery.tocify.js/zipball/master">Tocify</a> (You only need jquery.tocify.js and jquery.tocify.css)</li>
 126                 <br />
 127                 <li><a href="http://twitter.github.com/bootstrap/customize.html" target="_blank">Twitter Bootstrap</a> or <a href="http://jqueryui.com/download" target="_blank">jQueryUI CSS Theme</a> (Only required if you want to use either framework to style your table of contents)</li>
 128               </ol>
 129               <br />
 130
 131               <p>
 132               <h3>Include CSS and JavaScript files</h3>
 133               </p>
 134               <br />
 135               <span class="note"><strong>CSS</strong></span>
 136               <pre class="prettyprint">
 137                 &lt;link type="text/css" rel="stylesheet" href="jquery.tocify.css" /&gt;
 138                 &lt;link type="text/css" rel="stylesheet" href="bootstrap.css" /&gt;
 139               </pre>
 140               <br />
 141               <span class="note"><strong>JavaScript</strong></span>
 142
 143               <pre class="prettyprint">
 144                 &lt;script src="jquery-1.7.2.min.js"&gt;&lt;/script&gt;
 145                 &lt;script src="jquery-ui-1.9.1.custom.min.js"&gt;&lt;/script&gt;
 146                 &lt;script src="jquery.tocify.min.js""&gt;&lt;/script&gt;
 147               </pre>
 148               <span class="note"><strong>Note:</strong> This assumes that you have downloaded the CSS and JavaScript files to the same folder as your HTML page. Modify the <strong>href</strong> and <strong>src</strong> attributes if you have a different folder structure.
 149               <br /><br />
 150               Also, if you are using jQueryUI to style your table of contents list, then add all of the jQueryUI images to your <strong>images</strong> folder. Keep in mind that depending on your folder structure, you may need to update the image paths inside of the jQueryUI CSS file.
 151               </span>
 152               <br /><br />
 153               <p>
 154               <h3>HTML</h3>
 155               </p>
 156               <span class="note">
 157               Create a <strong>div</strong> element with a unique id or class (eg. "toc")
 158               </span>
 159               <br /><br />
 160               <pre class="prettyprint">
 161                 &lt;div id="toc"&gt;&lt;/div&gt;
 162               </pre>
 163               <br />
 164               <h3>CSS</h3>
 165               </p>
 166               <p class="well">
 167               <span class="note">
 168                 <strong>Note:</strong> Modify the Tocify CSS file to fit your custom needs
 169               </span>
 170               </p>
 171               <br />
 172               <p>
 173               <h3>JavaScript</h3>
 174               </p>
 175               <p class="well">
 176               <span class="note">
 177                 <strong>Call the plugin: </strong> In your JavaScript code, call the <strong>tocify()</strong> method on your HTML div.
 178               </span>
 179               </p>
 180
 181               <pre class="prettyprint">
 182               //Executes your code when the DOM is ready.  Acts the same as $(document).ready().
 183               $(function() {
 184                   //Calls the tocify method on your HTML div.
 185                   $("#toc").tocify();
 186               });
 187               </pre>
 188
 189               <h2>Options API</h2>
 190               <br />
 191               <h3>Options</h3>
 192               <table class="table table-striped table-bordered table-condensed">
 193                 <tr>
 194                   <th>Name</th>
 195                   <th>Type</th>
 196                   <th>Default</th>
 197                   <th>Options</th>
 198                 </tr>
 199                 <tr>
 200                   <td class="optionName" title="context" data-content="The container element that holds all of the elements used to generate the table of contents"><a href="#">context</a></td>
 201                   <td>String</td>
 202                   <td>"body"</td>
 203                   <td>Any valid jQuery selector</td>
 204                 </tr>
 205                 <tr>
 206                   <td class="optionName" title="ignoreSelector" data-content="A selector to any element that would be matched by selectors that you wish to be ignored"><a href="#">ignoreSelector</a></td>
 207                   <td>String</td>
 208                   <td>null</td>
 209                   <td>Any valid jQuery selector</td>
 210                 </tr>
 211                 <tr>
 212                   <td class="optionName" title="selectors" data-content="The element's used to generate the table of contents. The order is very important since it will determine the table of content's nesting structure."><a href="#">selectors</a></td>
 213                   <td>String</td>
 214                   <td>"h1,h2,h3"</td>
 215                   <td>Each comma separated selector must be a header element.</td>
 216                 </tr>
 217                 <tr>
 218                   <td class="optionName" title="showAndHide" data-content="Used to determine if elements should be shown and hidden.  Turn this to false and remove the display:none CSS property for subheader elements (in jquery.tocify.css) to have a non-animated/fully visible table of contents."><a href="#">showAndHide</a></td>
 219                   <td>Boolean</td>
 220                   <td>true</td>
 221                   <td>true or false</td>
 222                 </tr>
 223                 <tr>
 224                   <td class="optionName" title="showEffect" data-content="Used to display any of the table of contents nested items."><a href="#">showEffect</a></td>
 225                   <td>String</td>
 226                   <td>"slideDown"</td>
 227                   <td>"none", "fadeIn", "show", or "slideDown", or any of the other jQuery show effects</td>
 228                 </tr>
 229                 <tr>
 230                   <td class="optionName" title="showEffectSpeed" data-content="The time duration of the show effect."><a href="#">showEffectSpeed</a></td>
 231                   <td>String or Number</td>
 232                   <td>"medium"</td>
 233                   <td>"slow", "medium", "fast", or any numeric number (milliseconds)</td>
 234                 </tr>
 235                 <tr>
 236                   <td class="optionName" title="hideEffect" data-content="Used to hide any of the table of contents nested items."><a href="#">hideEffect<a/></td>
 237                   <td>String</td>
 238                   <td>"none"</td>
 239                   <td>"none", "fadeOut", "hide", "slideUp", or any of the jQuery hide effects</td>
 240                 </tr>
 241                 <tr>
 242                   <td class="optionName" title="hideEffectSpeed" data-content="The time duration of the hide effect."><a href="#">hideEffectSpeed</a></td>
 243                   <td>String or Number</td>
 244                   <td>"medium"</td>
 245                   <td>"slow", "medium", "fast", or any numeric number (milliseconds)</td>
 246                 </tr>
 247                 <tr>
 248                   <td class="optionName" title="smoothScroll" data-content="Animates the page scroll when specific table of content items are clicked and the page moves up or down."><a href="#">smoothScroll</a></td>
 249                   <td>Boolean</td>
 250                   <td>true</td>
 251                   <td>true or false</td>
 252                 </tr>
 253                 <tr>
 254                   <td class="optionName" title="smoothScrollSpeed" data-content="The time duration of the smoothScroll animation."><a href="#">smoothScrollSpeed</a></td>
 255                   <td>Number or String</td>
 256                   <td>"medium"</td>
 257                   <td>Accepts Number (milliseconds) or String: "slow", "medium", or "fast"</td>
 258                 </tr>
 259                 <tr>
 260                   <td class="optionName" title="scrollTo" data-content="The amount of space between the top of page and the selected table of contents item after the page has been scrolled."><a href="#">scrollTo</a></td>
 261                   <td>Number</td>
 262                   <td>0</td>
 263                   <td>Accepts any number (pixels)</td>
 264                 </tr>
 265                 <tr>
 266                   <td class="optionName" title="showAndHideOnScroll" data-content="Determines if table of content nested items should be shown and hidden while a user scrolls the page."><a href="#">showAndHideOnScroll</a></td>
 267                   <td>Boolean</td>
 268                   <td>true</td>
 269                   <td>true or false</td>
 270                 </tr>
 271                 <tr>
 272                   <td class="optionName" title="highlightOnScroll" data-content="Determines if table of content nested items should be highlighted (set to a different background color to show it is the currently active item) while scrolling"><a href="#">highlightOnScroll</a></td>
 273                   <td>Boolean</td>
 274                   <td>true</td>
 275                   <td>true or false</td>
 276                 </tr>
 277                 <tr>
 278                   <td class="optionName" title="highlightOffset" data-content="The offset distance in pixels to trigger the next active table of contents item"><a href="#">highlightOffset</a></td>
 279                   <td>Number</td>
 280                   <td>40</td>
 281                   <td>Accepts any number (pixels)</td>
 282                 </tr>
 283                 <tr>
 284                   <td class="optionName" title="theme" data-content="Determines if Twitter Bootstrap, jQueryUI, or Tocify classes should be added to the table of contents"><a href="#">theme</a></td>
 285                   <td>String</td>
 286                   <td>"twitterBootstrap"</td>
 287                   <td>"twitterBootstrap", "jqueryUI", or "none"</td>
 288                 </tr>
 289                 <tr>
 290                   <td class="optionName" title="extendPage" data-content="If a user scrolls to the bottom of the page and the page is not tall enough to scroll to the last table of contents item, then the page height is increased"><a href="#">extendPage</a></td>
 291                   <td>Boolean</td>
 292                   <td>true</td>
 293                   <td>true or false</td>
 294                 </tr>
 295                 <tr>
 296                   <td class="optionName" title="extendPageOffset" data-content="How close to the bottom of the page a user must scroll before the page is extended"><a href="#">extendPageOffset</a></td>
 297                   <td>Number</td>
 298                   <td>100</td>
 299                   <td>Any number (pixels)</td>
 300                 </tr>
 301                 <tr>
 302                   <td class="optionName" title="history" data-content="Adds a hash to the page url to maintain history"><a href="#">history</a></td>
 303                   <td>Boolean</td>
 304                   <td>true</td>
 305                   <td>true or false</td>
 306                 </tr>
 307                 <tr>
 308                   <td class="optionName" title="hashGenerator" data-content="How the URL hash value get's generated."><a href="#">hashGenerator</a></td>
 309                   <td>String or Function</td>
 310                   <td>"compact"</td>
 311                   <td>"compact", "pretty", function(text, element){}.
 312                     <br />
 313                     <strong>Compact</strong> - #CompressesEverythingTogether.
 314                     <br />
 315                     <strong>Pretty</strong> - #looks-like-a-nice-url-and-is-easily-readable.
 316                     <br />
 317                     <strong>function(text, element){}</strong> - Your own hash generation function that accepts the text as an argument, and returns the hash value.</td>
 318                 </tr>
 319                 <tr>
 320                   <td class="optionName" title="highlightDefault" data-content="Set's the first TOC item as active if no other TOC item is active."><a href="#">highlightDefault</a></td>
 321                   <td>Boolean</td>
 322                   <td>true</td>
 323                   <td>true or false</td>
 324                 </tr>
 325                 <tr>
 326                   <td class="optionName" title="scrollHistory" data-content="Adds a hash to the page url, to maintain history, when scrolling to a TOC item."><a href="#">scrollHistory</a></td>
 327                   <td>Boolean</td>
 328                   <td>false</td>
 329                   <td>true or false</td>
 330                 </tr>
 331               </table>
 332               <br />
 333               <h3>Setting Options</h3>
 334 <p class="well">
 335               All options can be <strong>set</strong> when the plugin is called.  Certain options can also be set after the plugin is called using the <strong>setOption()</strong> or <strong>setOptions()</strong> methods.</p>
 336
 337               <span class="note">Here is an example of setting a <strong>single option</strong> when the plugin is first invoked:</span>
 338               <pre class="prettyprint">
 339               //Executes your code when the DOM is ready.  Acts the same as $(document).ready().
 340               $(function() {
 341                   // Calls the selectBoxIt method on your HTML select box and updates the showEffect option
 342                   var toc = $("#toc").tocify({ showEffect: "fadeIn" });
 343               });
 344               </pre>
 345               <br />
 346
 347               <span class="note">Here is an example of setting a <strong>single option</strong> after the plugin is first invoked using the <strong>setOption</strong> method:</span>
 348               <pre class="prettyprint">
 349               //Executes your code when the DOM is ready.  Acts the same as $(document).ready().
 350               $(function() {
 351                   // Calls the selectBoxIt method on your HTML select box
 352                   var toc = $("#toc").tocify().data("toc-tocify");
 353
 354                   // Sets the smoothScroll option to false
 355                   toc.setOption("showEffect", "fadeIn");
 356
 357               });
 358               </pre>
 359               <br />
 360
 361               <span class="note">Here is an example of setting a <strong>multiple options</strong> after the plugin is first invoked using the <strong>setOptions</strong> method:</span>
 362               <pre class="prettyprint">
 363               //Executes your code when the DOM is ready.  Acts the same as $(document).ready().
 364               $(function() {
 365                   // Calls the selectBoxIt method on your HTML select box and updates the showEffect option
 366                   var toc = $("#toc").tocify().data("toc-tocify");
 367
 368                   // Sets the showEffect, scrollTo, and smoothScroll options
 369                   toc.setOptions({ showEffect: "fadeIn", scrollTo: 50, smoothScroll: false });
 370
 371               });
 372               </pre>
 373               <br />
 374
 375               <h3>Getting Options</h3>
 376               <p class="well">
 377               A single option can be <strong>retrieved</strong> by using the <strong>option()</strong> method.  All of the current options can be retrieved by referencing the <strong>options</strong> property.
 378               </p>
 379               <br />
 380               <span class="note">Here is an example of retrieving a <strong>single option</strong> after the plugin is called using the <strong>option()</strong> method:</span>
 381               <pre class="prettyprint">
 382               //Executes your code when the DOM is ready.  Acts the same as $(document).ready().
 383               $(function() {
 384                   //Calls the tocify method on your HTML div
 385                   var toc = $("#toc").tocify().data("toc-tocify");
 386
 387                   // Writes the showEffect option to the console
 388                   console.log(toc.option("showEffect"));
 389               });
 390               </pre>
 391               <br />
 392               <span class="note">Here is an example of retrieving <strong>all current options</strong> after the plugin is called using the <strong>options</strong> property:</span>
 393               <pre class="prettyprint">
 394               //Executes your code when the DOM is ready.  Acts the same as $(document).ready().
 395               $(function() {
 396                   //Calls the selectBoxIt method on your HTML select box
 397                   var toc = $("#toc").tocify().data("toc-tocify");
 398
 399                   // Writes all of the current plugin options to the console
 400                   console.log(toc.options);
 401               });
 402               </pre>
 403
 404               <h2>Inspired By</h2>
 405               <br />
 406               <h3 class="headerDoc well"><a href="http://www.canjs.us/" target="_blank">Can.js</a></h3>
 407               <br /><br />
 408               <h3 class="headerDoc well"><a href="http://bonsaiden.github.com/JavaScript-Garden/" target="_blank">JavaScript Garden</a></h3>
 409
 410               <br />
 411              <h2>Donation</h2>
 412               <p class="well">
 413               If you would like to support the Tocify project, please consider sending a donation to Greg Franko (the project maintainer).  All donations (small or large) are appreciated and help the continued development of the project. &nbsp;
 414               <iframe style="border: 0; margin: 0; padding: 0;" src="https://www.gittip.com/gfranko/widget.html" width="48pt" height="20pt"></iframe>
 415               </p>
 416
 417               <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
 418               <input type="hidden" name="cmd" value="_s-xclick">
 419               <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----">
 420               <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
 421               <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
 422               </form>
 423
 424         </div><!--/span-->
 425       </div><!--/row-->
 426
 427     </div><!--/.fluid-container-->
 428
 429     <!-- Le javascript
 430     ================================================== -->
 431     <!-- Placed at the end of the document so the pages load faster -->
 432     <script src="../libs/jquery/jquery-1.8.3.min.js"></script>
 433     <script src="../libs/jqueryui/jquery-ui-1.9.1.custom.min.js"></script>
 434     <script src="javascripts/bootstrap.js"></script>
 435     <script src="../src/javascripts/jquery.tocify.js"></script>
 436     <script src="javascripts/prettify.js"></script>
 437     <script>
 438         $(function() {
 439
 440             var toc = $("#toc").tocify({
 441               selectors: "h2,h3,h4,h5"
 442             }).data("toc-tocify");
 443
 444             prettyPrint();
 445             $(".optionName").popover({ trigger: "hover" });
 446
 447         });
 448     </script>
 449
 450   </body>
 451 </html>