Learning Journals in E-Learning #344: Challenge | Recap
Encourage Learners to Reflect on What They Just Learned
Keeping learners focused and engaged can be a real challenge.
For many l...
Published 4 years ago
Version 1.0
Blog Post
Nice idea, I like that you can explore, return and keep adding. That lack of automatic paragraph break with enter is a pain. Maybe I am not understanding - "but when I gather to print the javascript ignores the breaks" : I see all the paragraph breaks when printed as pdf. btw: There are some js experts on here who have been very generous with their advice in the forums, you may find something helpful there. fyi:This is a catch-all 6 different ways to generate a certificate: https://community.articulate.com/discussions/building-better-courses/six-ways-to-generate-a-certificate-of-completion I would love to find an answer to that paragraph dilemma I have tried many ways to do it, but so far - no joy. I did learn that I can use Dreamweaver to design a certificate and then adjust it for javascript - a great time-saver.
I have solved this for now using this Javascript triggered to start at timeline of the slide:
document.querySelector('.acc-textinput').addEventListener('keyup', () => {
if (event.key === 'Enter') {
document.querySelector('.acc-textinput').blur();
var player=GetPlayer();
var _journal=player.GetVar("journal");
player.SetVar("journal",_journal + ""+ "\n" + "\n");
document.querySelector('.acc-textinput').focus();
}});
It's looking for the Enter key being pressed in the .acc-textinput CSS selector i.e. the text entry box.
When the Enter key is pressed it blurs (unfocuses) the text box hence updating the text input variable, in this case journal.
It grabs the variable adds the break characters, moves the cursor down and refocuses the box. The input can then be continued.
The break characters will show in the text box but not the print out.
Only caveat is that Articulate keep using the same CSS selector.
Thanks to Gavin Elliot for starting me off with the correct selector.
hmmm the post is deleting the html br characters. Can someone tell me how to embed a code snippet into a post...
document.querySelector('.acc-textinput').addEventListener('keyup', () => {
if (event.key === 'Enter') {
document.querySelector('.acc-textinput').blur();
var player=GetPlayer();
var _journal=player.GetVar("journal");
player.SetVar("journal",_journal + ""+ "\n" + "\n");
document.querySelector('.acc-textinput').focus();
}});
It's looking for the Enter key being pressed in the .acc-textinput CSS selector i.e. the text entry box.
When the Enter key is pressed it blurs (unfocuses) the text box hence updating the text input variable, in this case journal.
It grabs the variable adds the break characters, moves the cursor down and refocuses the box. The input can then be continued.
The break characters will show in the text box but not the print out.
Only caveat is that Articulate keep using the same CSS selector.
Thanks to Gavin Elliot for starting me off with the correct selector.
hmmm the post is deleting the html br characters. Can someone tell me how to embed a code snippet into a post...