Question

I have a string containing the section titles and page counts per section as follows:

    string = "section1;section2;section3;section4|2 3 1 4"

i would like to be able to create a section index and use the titles as links to the appropriate pages in the whole document.

any suggestions? My initial thought was to split the string into the section headers and page counts, then split these and append the titles to a unordered list? That would take care of the section titles but what about the page counts?

    var options = string.split('|');

    var sections = options[0];

    var section_titles = sections.split(';');

    for (a=0;a<section_titles.length;a++){
    $('ul').append('<li><div class="title">'+sections[a]+'</div></li>');
    };

    var counts = options[1];

    var section_counts = counts.split(' ');

    ???????

Please send your suggestions.

Answer 1

Here’s what ended up working for me…

• I changed the string to include “title;count” seperated by a |
• I am outputing this as an unordered list

var str = "section1;2|section2;3|section3;1|section4:4"
var d = 0;
var ul = $('<ul>');
var sec = toc.split('|');
var a = 0;
  for (a = 0; a < sec.length; a++) {
var secArr = sec[a].split(';');
  var sectiontitle = secArr[0];
  var sectioncount = secArr[1] * 1;
var jump = d;
d = d + sectioncount;
  if (sectiontitle == ''){
  } else {
  $('#sections').find('ul').append('<li><div class="toc"><div     class="title">'+sectiontitle+'</div></div><span class="jumper"
style="display:none;">'+jump+'</span></li>');
  }
  }