That will open a window where you can add our three variables. In the Tools section, there is a button called Variables. So the general setup should be something like this:Īgain, set the next button and the text to “initially hidden.” Finally, set the action on ’s next button to go to the next page when clicked (which should be there already by default). Set the next button and the things to be revealed to be hidden at the beginning-in the button properties, check the “initially hidden” box. As described above, we want three buttons, three objects that will be revealed by clicking these three buttons (we’ll use text, but they can be images, videos, sound, or whatever you want), and a “next page” button. That is possible to do in Lectora, but what about in Javascript? How do we access these variables and the images we’re supposed to click, which were created in Lectora, in an HTML extension? This is what we’ll do in this article.įirst off, we want to create the page that we’re going to use in Lectora. If they are, we’ll go to the next page, show the next button, or whatever else we want to do when the user completes the interaction. Right after each variable is changed, we’ll check whether or not ALL three variables are 1. Then, I can set actions on the page so that when the images are clicked, the values on their respective variables change (for example, from 0 to 1). I can make a Lectora variable corresponding to each of these images. For example, suppose I have a “click to reveal” interaction on a page where the user has to click three images to reveal text associated with each one. Variables are values that can be changed according to what is going on within the course, and can be used to provide a responsive experience for the user. To make the most of Javascript, though, you need to be able to interact with elements you have already placed on the page with Lectora. This allows us to use Javascript to fine-tune page behaviors in ways Lectora could not easily achieve on its own. As a programmer, it can be very useful at times while using Lectora to take advantage of the program’s HTML extensions to insert Javascript into pages.

Lectora hide page