In the top line of your code, you declare the var scoreReportjs and retrieve the valuse from the articulate player. Once you declare a variable, you don't want to use the var keyword with it again. Remove the "var" keyword from the lines in your if then else statement. Declaring that as a variable again inside the if then statement causes javascript to treat it as a new local variable, and the contents of the original variable is ignore.
After you update the value of your variable with your if then statement, you need to update the articulate playe variable. To update your the articulate variable your statement needs to tell articulate when variable to update. Try this statement:
player.setVar("scoreReport",scoreReportjs);
Another thing you can do to help debug your code, is to press F12 while the player is in your browser to open the developer tools. Select the console tab and view any javascrtip errors that may have occured. This will help you narrow the problem down in your code.
Sometimes it helps to get it down to the simplest actions, and then build from there.
Try changing your last line to:
player.setVar("scoreReport",1);
This should set your value to 1.
If that doesn't work, try:
GetPlayer().SetVar("scoreReport", 1);
Make sure the variable name of your variable in the course matches the variable name that you use here, including capitalization. Javascript interprets upper and lower case as different letters.
Also, I'm assuming the your variable is numeric? If it is text, change the statement to:
GetPlayer().SetVar("scoreReport", "1");
If you can get this statement to work, then you can go back and work out the rest of your code.
If you still can't get it to work, if you can post your project here I can take a look at it for you.
If you declare a variable inside a function, it will be local to the function. If you declare it outside of the function, it will be global. Also, any variable that you declare in the variables panel in the storyline story will be global to both storyline, and to your javascript.
If you are writing your javascript wholly within the trigger dialoge, I don't know think the variable will persist from one trigger to the next, but I haven't verified it. I suggest if you are doing this, store your variable in the storyline variables using setVar().
Hi Marisa! I'm so glad the community helped you out here! We support the published output without any modifications so that we can be sure that every feature of your course works well. Fortunately, the forums have a wealth of information, especially when it comes to workaround and modifying your output. Happy to see that these older threads are still beneficial.
I know this is an old thread, but it seems like the topic I'm looking for. We're trying to access a storyline variable in javascript. I've tried the above with player.getVar and var p = getPlayer().getVar
But it tells me that getPlayer is undefined, getVar I can't find as a function in the js files, and also player is undefined.
Is this feature not available anymore (we have storyline 2).
Most of our users have still be able to use those items in Storyline 2, but their not something I can help with. I know you're in the hands of our capable community members, so while waiting it may be a goo idea to start with our Javascript best practices here.
James, I think javascript is case-sensitive, so that might be part of the problem you are running into. Try correcting the case in your javascript statements like this:
var player = GetPlayer(); var name = player.GetVar("NameOfVariable");
So far, since I've been back using Storyline 360, I've found that my javascript scripts work just the same as the did in Storyline 3. I generally try to keep any code that I create within the constraints of the javascript window within storyline. This keeps the code with the source file, and automatically publishes with the project. Adding code after publishing is generally not a good practice.
Although you are coding in Javascript, player.restart is not a javascript method. It is a Storyline method that you are attempting to call via the GetPlayer interface. In fact, I suspect it was a method that was used to reset the Flash player that was part of Storyline 2. The Storyline player had to be completly rebuilt for HTML5. I suspect that the restart method was not implemented in the HtML5 player, and therefore is failing to run when you attempt to call it.
What is it you are attempting to accomplish? I'd be willing to bet that there is another way to do what you were trying to do. I beleive that the restart method took you back to frame 0 in the flash file. You can pretty much accomplis the same thing by providing a link back to slide 1 in your project. If you need to reset variables or quiz results, you might want to do this on a special slide with triggers to initialize your variables and reset the quiz, then navigate back to slide 1.
There are a lot of things you can do with javasccript that can greatly enhance your storyline project. At the same time, I a big advocate of using javascript only when there is no other way do what you need to do directly from within Storyline. This prevents a lot of compatability issues, and makes the project easier to maintain.
I hope this helps. If you are still having issues, maybe you could share a little more about what it is you want to accomplish, and someone here can help you to find a way to do it.
82 Replies
Hi Stephanie,
In the top line of your code, you declare the var scoreReportjs and retrieve the valuse from the articulate player. Once you declare a variable, you don't want to use the var keyword with it again. Remove the "var" keyword from the lines in your if then else statement. Declaring that as a variable again inside the if then statement causes javascript to treat it as a new local variable, and the contents of the original variable is ignore.
After you update the value of your variable with your if then statement, you need to update the articulate playe variable. To update your the articulate variable your statement needs to tell articulate when variable to update. Try this statement:
player.setVar("scoreReport",scoreReportjs);
Another thing you can do to help debug your code, is to press F12 while the player is in your browser to open the developer tools. Select the console tab and view any javascrtip errors that may have occured. This will help you narrow the problem down in your code.
I hope this helps,
Regards,
Dave Cox
Thanks for your response Dave! Still not working though. Console is giving me 0 errors for my code.
Sometimes it helps to get it down to the simplest actions, and then build from there.
Try changing your last line to:
player.setVar("scoreReport",1);
This should set your value to 1.
If that doesn't work, try:
GetPlayer().SetVar("scoreReport", 1);
Make sure the variable name of your variable in the course matches the variable name that you use here, including capitalization. Javascript interprets upper and lower case as different letters.
Also, I'm assuming the your variable is numeric? If it is text, change the statement to:
GetPlayer().SetVar("scoreReport", "1");
If you can get this statement to work, then you can go back and work out the rest of your code.
If you still can't get it to work, if you can post your project here I can take a look at it for you.
Regards,
Dave
Hi Dave,
Thanks for your help! Still having trouble with this so I am attaching the story file.
OK, I'll take a look at this and get back to you with some information.
Try this script, it should work for you.
var scoreReportjs=player.GetVar("scoreReport");
var answer1=player.GetVar("q1Answer");
player.SetVar("scoreReport ",1);
if (answer1=="test"){
scoreReportjs=scoreReportjs+1;
}else {
scoreReportjs=scoreReportjs-1;
}
player.SetVar("scoreReport", scoreReportjs);
YES! Ok this works for both the test answer and the real answer! Thank you so much Dave!
If I declare a variable in one javascript trigger, does it persist in another trigger? i.e. can you declare global javascript variables?
If you declare a variable inside a function, it will be local to the function. If you declare it outside of the function, it will be global. Also, any variable that you declare in the variables panel in the storyline story will be global to both storyline, and to your javascript.
If you are writing your javascript wholly within the trigger dialoge, I don't know think the variable will persist from one trigger to the next, but I haven't verified it. I suggest if you are doing this, store your variable in the storyline variables using setVar().
THANK YOU! I've been looking for this information for a long time! I don't know why Articulate wouldn't want to publish it prominently!
Hi Marisa! I'm so glad the community helped you out here! We support the published output without any modifications so that we can be sure that every feature of your course works well. Fortunately, the forums have a wealth of information, especially when it comes to workaround and modifying your output. Happy to see that these older threads are still beneficial.
I know this is an old thread, but it seems like the topic I'm looking for. We're trying to access a storyline variable in javascript. I've tried the above with player.getVar and var p = getPlayer().getVar
But it tells me that getPlayer is undefined, getVar I can't find as a function in the js files, and also player is undefined.
Is this feature not available anymore (we have storyline 2).
Hi James,
Most of our users have still be able to use those items in Storyline 2, but their not something I can help with. I know you're in the hands of our capable community members, so while waiting it may be a goo idea to start with our Javascript best practices here.
James, I think javascript is case-sensitive, so that might be part of the problem you are running into. Try correcting the case in your javascript statements like this:
var player = GetPlayer();
var name = player.GetVar("NameOfVariable");
You are correct Michael, JavaScript is case sensitive. To JavaScript, getPlayer is not the same as GetPlayer.
Any chance that the player has been updated to have something like Player.Language so we could update the variable upon user selection?
Hi there, Thomas! To clarify your end goal, are you looking for the Player language to change based on what the learner selects in the slide?
Yes, exactly.
Thanks for the help!
Get Outlook for Android
Is this still relevant for Storyline 360?
Hi Christian,
The reply by Mark is a bit dated and I'm not sure if he's still subscribed here.
JavaScript is certainly not my specialty, but we have some brief documentation here related to Storyline 360.
Please feel free to share what you would like to accomplish and I'm sure someone in the community can pop in to assist.
Hi Mark,
Do you have same list of storyline 3 or 360?
Hi Ravindra,
So far, since I've been back using Storyline 360, I've found that my javascript scripts work just the same as the did in Storyline 3. I generally try to keep any code that I create within the constraints of the javascript window within storyline. This keeps the code with the source file, and automatically publishes with the project. Adding code after publishing is generally not a good practice.
Thanks Dave for your inputs.
But
var player = GetPlayer();
player.restart();
Above code is working well in the Storyline 2 but not in the Storyline 3.
Can you please help?
Ah! here lies the issue.
Although you are coding in Javascript, player.restart is not a javascript method. It is a Storyline method that you are attempting to call via the GetPlayer interface. In fact, I suspect it was a method that was used to reset the Flash player that was part of Storyline 2. The Storyline player had to be completly rebuilt for HTML5. I suspect that the restart method was not implemented in the HtML5 player, and therefore is failing to run when you attempt to call it.
What is it you are attempting to accomplish? I'd be willing to bet that there is another way to do what you were trying to do. I beleive that the restart method took you back to frame 0 in the flash file. You can pretty much accomplis the same thing by providing a link back to slide 1 in your project. If you need to reset variables or quiz results, you might want to do this on a special slide with triggers to initialize your variables and reset the quiz, then navigate back to slide 1.
There are a lot of things you can do with javasccript that can greatly enhance your storyline project. At the same time, I a big advocate of using javascript only when there is no other way do what you need to do directly from within Storyline. This prevents a lot of compatability issues, and makes the project easier to maintain.
I hope this helps. If you are still having issues, maybe you could share a little more about what it is you want to accomplish, and someone here can help you to find a way to do it.
Dave
This discussion is closed. You can start a new discussion or contact Articulate Support.