Appending a new line to a Captivate variable in Javascript

Question

I have a responsive project that uses a text entry box for the user to make notes whilst progressing through the project. What I would like to do is append some text to this depending on the outcome of various interactions. I am using Javascript for one interaction and can update the variable used by the TEB without an issue. However, I am having problems adding a new line from within Javascript. I have searched for previous discussions here and online. I have tried adding the following line in the Javascript to update the TEB variable using the escape sequence " " for a new line, as specified in the MDN docs: v_teb_notes=v_teb_notes + " My heading My text to add."; I believe that " " should add the new line, but when I run this the code fails. In the browser console I see the error "SyntaxError: '' string literal contains an unescaped line break". When I remove the " " the JS executes, but no line breaks are added. v_teb_notes=v_teb_notes + "My heading My text to add."; I am not sure what I am doing wrong. I have tried various options based on other threads here without success, including using the Scrolling Text Widget. I wonder if Captivate is doing something odd to the JS. This post from over ten years ago says that Captivate strips " " in Advanced Actions. I hoped this would not happen from JS, but since the JS is executed as an action maybe it does. This would explain the browser error. If so, is there a work around? On a similar note, I cannot find a way to add a new line to a Captivate variable either. One thread recommended using HTML e.g. adding "
" to the variable value, but that doesn't work. Hopefully someone can help!

OH_CP_Lover_&_Hacker · Accepted Answer

I sent you a message to your profile here on this system..Hope it helps ya!

Ok, I would suggest putting your command that you are wanting to have update your desired TEB into a function. In the demo I posted, I'm loading an external Javascript file that has functions I made quicky to track and then update the last TEB.

I just did a quick test...and just having the button execute the command you shared above will not work...but if you create a function (which is how I update TEBs) it will work for ya!

So on the first slide I issue the following command to load my javascript file:

$('body').append('<script src="assets/Supporting_Files/workfile.js" type="text/javascript"> </script>');
});

For quick testing and etc. I modified my applications Adobe Captivate 2019->HTML ->assets folder by adding a new folder called Supporting_Files....and in that folder I placed my "workfile.js" (as seen in the loading line above) so that when I go to preview the project it will load the needed JS file automaticly so things will work without having to play the folder add/shuffle/publish to weberver routine for each test run...

OH_CP_Lover_&_Hacker · Answer

Over the years I've used any of the following to add new lines into a Captivate string using JS outside the Advanced Actions method:Unicode method: string + '\u{000A}' + stringHTML method: string + '' '' + stringThe break method has worked as well: string + '
+ stringI've had sucess with the following: string + ' ' + string If you want it to work within an Advance Action....then create a new variable called anything you wish, I will call it nl for t this demo.....assign your new variable with the following text: ' 'Example: Now when you are wanting to add new lines to your strings, use the new variable you created and it will work like a charm! Example: v_teb_notes = "Hello" + nl + "world";

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded