JavaScript to pull student name and ID from Canvas into Storyline

Question

Per the title, can anyone advise on the JavaScript code needed to get a student's name and ID from the Canvas?

philmayor · Answer

Have you tried anything yet?

mathnotermans-9 · Answer

Do you mean Instructure CanvasLMS?

mathnotermans-9 · Answer

This is overly complicated Peter. As a student is logged in into Canvas LMS there is no need for using the Canvas API. The easy solution is this.
You just need a few variables in your Storyline. That's all.
//some variables neededvar pathArray,myName,newName;
var player = GetPlayer();
function findLMSAPI(win) {if (win.hasOwnProperty("GetStudentID")) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return win;&nbsp;&nbsp;&nbsp;&nbsp;}else if (win.parent == win) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return null;&nbsp;&nbsp;&nbsp;&nbsp;}else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return findLMSAPI(win.parent);&nbsp;&nbsp;&nbsp;&nbsp;}}
function getUsersName(){
console.log("getUsersName");
pathArray = window.location.pathname.split('/');console.log("pathArray[2]: "+pathArray[2]+" | "+window.location.pathname+" | "+pathArray[1]);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&amp;&amp; pathArray[1] !="review" =&gt; true if it is not on Storyline Review, so a real LMSif (pathArray[2] != undefined &amp;&amp; pathArray[2] !="Users" &amp;&amp; pathArray[1] != "review" &amp;&amp; pathArray[1] != "rise"){&nbsp;&nbsp;// when published as Scorm&nbsp;&nbsp;on a LMS&nbsp;&nbsp;var lmsAPI = findLMSAPI(this);&nbsp;&nbsp;myName = lmsAPI.GetStudentName();&nbsp;&nbsp;var array = myName.split(',');&nbsp;&nbsp;newName = array[1] + ' ' + array[0];&nbsp;&nbsp;player.SetVar("newuser", newName);&nbsp;&nbsp;console.log("pathArray[2]: "+pathArray[2]+" / "+myName+" | "+newName);&nbsp;&nbsp;// on a LMS&nbsp;&nbsp;//pathArray[2]: instructure.canvas.com / SPACE_Notermans,Math}else{&nbsp;// locally testing or not on a LMS&nbsp;console.log("NOT ON A LMS!, so use a demo user");&nbsp;player.SetVar("newuser", 'User,Demo');&nbsp;myName = "User,Demo";&nbsp;newName = "Demo User";}}
getUsersName();
There is in fact one other thing to watch when getting the users name from Instructure Canvas. Canvas adds a space in front of the users name. So Canvas returns a string starting with a space. Good to be aware of.Working sample added.

Forum Discussion

JavaScript to pull student name and ID from Canvas into Storyline

Related Content

Magic JavaScript switch?

JavaScript not working

Scene Progress bars using javascript

JumpToSlide in JavaScript Not Working

Wipe animation with GSAP or JavaScript

Javascript not working in full screen

JavaScript not working at all?

Can I insert Google Analytics javascript in a trigger?

Using Number Variables in Storyline

Overview of Software Simulations in Storyline

Recent Discussions

New JavaScript API - set opacity not working

Rise 360 Mobile Devices

Creating a template

Trouble with CMI5 compliance

Rise Radio Buttons

Learn

Connect

Discover

Community

Company

Trust Center