training_library
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
training_library [2018/12/18 15:38] – lucy | training_library [2019/04/05 16:17] – lucy | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Training Library ====== | ====== Training Library ====== | ||
+ | |||
+ | ===== Introduction ===== | ||
The training library should give employees the opportunity to download their training content from an overview page called " | The training library should give employees the opportunity to download their training content from an overview page called " | ||
+ | |||
+ | |||
+ | ===== Creating references to courses within the library ===== | ||
**Instruction (Items 1-4 should be performed inside the campaign)** | **Instruction (Items 1-4 should be performed inside the campaign)** | ||
Line 73: | Line 78: | ||
Please note, that these links are not available in CSS and Javascript files. | Please note, that these links are not available in CSS and Javascript files. | ||
- | ==== Customization of navigation menu ==== | + | |
+ | ===== Customization of navigation menu ===== | ||
You can customize the navigation in the training library, for example, add a new entry " | You can customize the navigation in the training library, for example, add a new entry " | ||
Line 109: | Line 115: | ||
{{ training_library_result.png? | {{ training_library_result.png? | ||
+ | |||
+ | |||
+ | ===== Tracking which course gets started within the library ===== | ||
+ | |||
+ | Please add a tracking event into a e-learning course used within the template. To send a LUCY an event that can determine which course was loaded, this function is used: | ||
+ | |||
+ | **lucyDispatchEvent(str); | ||
+ | |||
+ | " | ||
+ | |||
+ | **lucyDispatchEvent(" | ||
+ | |||
+ | An event can be sent at any time. It can be loaded automatically when the user starts the course or you could associate such an event with the click of a button. | ||
+ | |||
+ | **Button example: | ||
+ | In order to associate an event with a button, you can do this within the HTML code: | ||
+ | |||
+ | Button Example 1 | ||
+ | <button onclick=" | ||
+ | |||
+ | Button Example 2: | ||
+ | <button onclick=" | ||
+ | Some button | ||
+ | </ | ||
+ | < | ||
+ | function buttonfunc() | ||
+ | { | ||
+ | lucyDispatchEvent(' | ||
+ | } | ||
+ | </ | ||
+ | | ||
+ | **Automatic Start Example** (in this example an notification about the course name that gets started is sent automatically to LUCY upon opening of the first page). Please insert this script into the index.html page (can be in header or body. It is important to insert it before the body close tag (/ | ||
+ | |||
+ | < | ||
+ | $(function () { | ||
+ | lucyDispatchEvent(" | ||
+ | </ | ||
+ | |||
+ | jQuery requirements: | ||
+ | |||
+ | If a line like the examples below is already in the index.html file, then nothing else needs to be done. Look for: | ||
+ | |||
+ | <script src=" | ||
+ | | ||
+ | or | ||
+ | |||
+ | <script src=" | ||
+ | | ||
+ | |||
+ | If you dont have jQuery in the template, you can use those versions: | ||
+ | |||
+ | * jquery-1.11.3.min.js | ||
+ | * jquery.js | ||
+ | * jquery-2.4.min.js | ||
+ | |||
+ | All those version can be downloaded from here: | ||
+ | https:// | ||
+ |
training_library.txt · Last modified: 2021/10/18 15:16 by lucysecurity