« A SCORM-compatible learning module template: Part 2 of 6 | Main | A SCORM-compatible learning module template: Part 4 of 6 »

May 12, 2007

A SCORM-compatible learning module template: Part 3 of 6

Part 1: Features, Outline your Module
Part 2: Creating the Navigation
Part 3: Other Configuration Elements
Part 4: Start Building Your Pages
Part 5: Modifying the CSS Styles
Part 6: Branching Behavior

Other configuration variables: chapterArray, docTitle and headerTitle

In the same file as the pageArray, you will find several other variables: chapterArray, docTitle, and headerTitle.

The chapterArray can be filled out with chapter titles if desired. This is optional - the chapter and page titles can both be hidden if not needed.

The docTitle and headerTitle are required. The docTitle is the title that shows up at the top of every window -in other words the <title> tag on each page. The headerTitle is the title which shows up in the blue header at the top of each page.


Chapter and Page Titles

If you want, you may have Chapter titles and Page titles show up automatically on every page, or on only the pages you choose.




  1. You must fill in the Chapter titles in /js-local/pageArray.js

    Look for:


    var chapterArray

    and add the chapter titles.

    Add chapters as necessary, observing the usual caution about the punctuation at the end of the array.
    chapterArray: Add Chapter titles to the chapterArray


  2. How it works
    Once the titles are filled in, when the page is loaded, the module looks for a div with the id "subTitleBar". If it finds this on the page, it populates it with the chapter and page titles you entered into the arrays, and styles them per the CSS style sheets.

  3. To remove this functionality from any page, delete the line highlighted in yellow, shown below. Be very careful not to remove the lines above or below it.

    subTitleBar



Part 1: Features, Outline your Module
Part 2: Creating the Navigation
Part 3: Other Configuration Elements
Part 4: Start Building Your Pages
Part 5: Modifying the CSS Styles
Part 6: Branching Behavior

For more articles on scorm, web development, powerpoint and other topics, see The Designspace

Posted by emeiselm at May 12, 2007 11:29 AM

Comments

Login to leave a comment. Create a new account.