Hi, I searched for a few days and performed various tests but still am compelled to inquire with the group:

With regards to AJAX/PJAX usage in LS, what is the current status for the following?

• Is there no longer an option to choose to use or not use AJAX in multiscreen surveys? There used to be a slider for the setting or there was a value you could place in the theme options advanced text field. 
• Does it by default now use PJAX always? 
• What is the container (the unique selector in the DOM) used for PJAX to load the dynamic page-swapping contents? 
• Can the container be modified (Can we limit it to a different unique selector)?
• When performing an order-of-execution test, I placed various console.log scripts to attempt to find areas of the DOM that remain after clicking NEXT in a multiscreen survey. However I was never able to find a location that wasn't replaced. I'm hopeful that knowing some more about the above items, will help inform this item. My goal is to be able to have AJAX/PJAX replace content traversing deeper into the DOM vs replacing the entire page contents. 

Thanks for your help!

Current version of LS: Version 3.25.7+210113

AJAX/PJAX has been disabled - it caused far too many issues.

If we wanted to retain a value from question to question, what method does the community use? For example, if we had used AJAX, I would simply write to some JS vars outside of the container that AJAX would load the content into. I see we have the ability to use JS with each question if XSS is disabled but am trying to get around that as well as trying to find a solution without modifying any PHP files. Thanks for the update about AJAX/PJAX and appreciate any additional info.

One thing to note: I do see ajaxify and pjax still being loaded in my browser network inspector.

Thanks again!

Can't you use Expression Manager to carry the values through the survey?

I can utilize EM within a question's contents, inside of an equation type of question, and in the various sidebar validation/relevance fields. I believe I attempted to utilize it within the theme's code but had challenges (I will re-run a test and confirm).

For the current request from the client, the solution appears to be best if I can communicate between javascript and EM but I can't seem to perform that function without disabling XSS.

I can run some more tests in order to provide a more accurate definition of where the "walls" appear. And will try to spare you from the extraneous details of the end goal, but will also include that after I run some more tests. Thank you for you help.

Where are you placing the JS?

If it's in custom.js, no, there is no access to EM.

If it's in a theme TWIG file, you can access EM variables with {{ processString('{EM_Variable}') }}.

For example:

This just turned my frown upside down! I will test this next. Thank you!

Quick thought: The challenge of having JS and EM communicate - and to be able to access fields is mostly likely solved by your wonderful tip. The remaining challenge is for me to retain a value (within a queue) to perform some calculations. If the entire page didn't refresh its contents, I would usually place global vars in a piece of the DOM that isnt replaced. Is the workaround, to create hidden questions and to store the values within them as if they were variables? Or is there a method to store them using EM? Thanks

EM can only store variables in questions (hidden or not) - usually stored in equation type questions. So, if you can not access the value(s) directly from existing survey questions (as in my example), yes, you will need to use EM to load hidden questions.

Another tact I have taken to carry JS variables from page to page is to load them into browser local storage. Of course, this only works if the respondent stays in the same browser. I quite often use that trick to synchronize answer order in multiple questions with randomly shown answers, etc.

You can extend ExpresssionManager in 4.X version.
Adding function and variables are possible.

Oooh this is exciting! Looking fwd to when we upgrade to v4. Thanks to both of you for your help. I'll provide an update once I progress with your suggestions for future users to benefit as well. Thanks

Interesting observation: When using your (Tony's) method to access vals of a question from within a TWIG file, I do get the expected results until I am on the actual question. To clarify: I have three question groups. I am placing the question from which I want to get its value in the second of three groups (the middle). When I am on the first screen (group) or 3rd screen, the value displays as just the value. This is good. But when viewing the same code when I am actually on the second screen (second group) where the question is located, I receive the following:

<span id='LEMtailor_Q_94_2'>30</span>

Is this the standard behavior?
Thanks

Yes, if you explore the source for a normally inserted expression for a question on the same page, you would see the same <span> element. I have no clue why that span is inserted.

Possible solution - twig.readthedocs.io/en/latest/filters/striptags.html

tpartner wrote: Yes, if you explore the source for a normally inserted expression for a question on the same page, you would see the same <span> element. I have no clue why that span is inserted.

To be updated by javascript.
Since it's the same page : you need a way for Expression to update value. And the best way is to add an id to the element

tpartner wrote: Possible solution - twig.readthedocs.io/en/latest/filters/striptags.html

No : if you use TWIG : see ProcessString function

Then : you  can call (for sample)
{{ processString("{Q1.NAOK}}",1) }}

My next question may seem weird, but the answer may help me be empowered to better discover the types of solutions you have proposed on my own, and eliminate me from having to bug you haha: I've spent a substantial amount of time reading through the various LS docs (current/old/and some that I found that seem to be for the future). I've searched through info related to themes/EM/dev/plugin dev/etc. I've also read through any related TWIG docs, bootstrap, etc. Finally, I've traced numerous processes through the raw PHP files - and of course searched the forums.

Recently, after seeing the "processString" suggestion, I searched for that and found one instance under a subset of themes (in the docs). After the second suggestion for "striptags", I revisited the TWIG docs.

Do you have any particular URLs that may be a better point of reference for me to better research and find my solutions? Or am I already in the correct locations?

Something as simple as adding the "striptags" filter within the line

console.log("Q1: {{ processString('{Q1_SQ001}') }}");

Is a challenge since the order of {{ }} seems to be different in this context vs in the TWIG docs.

And as soon as I see something like "processString", my brain asks "now how did he know that was a possibility? Where did he learn/find this?"

If you have any specific links to docs that may be different than what I've found, that would be greatly appreciated. Perhaps once I see the solution to how to implement the filter into the processString syntax, that will begin to reveal the connection between the info in the TWIG docs vs EM.

Thanks for all of your help.