Custom JS in Rise?

Hi Laurie,

Rise doesn't have the same trigger option as Storyline does, which is where you can add the Javascript. 

I know a few folks have looked at editing the published output of Rise to add in some custom elements, so I'll leave you in the hands of the ELH community! 

Thank you so much for replying!

Hi Laurie. Did you end up finding helpful information from within the community? I'm looking to add custom js to fix the accessibility issues with Rise. 

Hi Mike, we found that after you publish your Rise lesson, you can manually add js into the index.html file.  That worked for us!

Hi Laurie,

Ashley has helped us a lot in answering most of the questions related to javascript. We have a couple of questions remaining 

Rise is unusable for us without JavaScript too. Do you have any color on how smooth the interaction between a web application and rise will be? Also, what is the cost (in terms of effort) of integrating rise and a web application 

Thank you!

I am not a programmer, but at the bottom of the index.html there is a short js function. Our programmer added a custom js function to this and called it up in their  root.Runtime function. For us, it directs our web app to give a user credit for taking the lesson. You need someone who understands your web app and writes js!

Laurie, did they just have to launch it to get credit? Or was it upon completion of the module?

Hi Alex, We have a custom "eLearning Center" built into our client websites that gives credit (shows completion) of each lesson as some are required for incentive programs. The added js in the Rise html creates a function that communicates with this elearning center.

function finish(e) {
if(e >= 100) {
return window.parent.elearning_complete();
}
}

I have a leader board that I built in Storyline. It uses JavaScript to query the xAPI statements in a Learning Records Store and find the learner names and scores associated with the specific course, sort them and assign the values to Storyline variables. I'd like to use it in a Rise course. I exported the Rise course and added the xapiwrapper and my .js file that defines my function to the index.html file in the Rise course, The function gets defined, but it is never executed by the Storyline slide. Is this because the Storyline slide is inserted from Review 360, which doesn't really like to execute JavaScript? Has anyone else gotten something like this to work in Rise using JavaScript and Storyline variables?

Never mind. Solved it.

Hi James, how did you solve this? I have a similar slide in Review that I want to embed in a Rise course, but the Javascript doesn't work...

Hi there, Rebecca!  Just in case James isn't following this discussion any longer, you can try the Contact Me option on his E-Learning Heroes profile to reach out to him directly.

There should be clearer documentation and examples on how to achieve some of the more common xApi functionality within rise. 

+1 - agree!

+1 agree here, too!