JavaScript stops working when title is published

shiggins-9138
Community Member Posts: 9
Hi
As part of a Quiz, I'm trying to limit the maximum number of checkbox selections in a Multiple Response question using JavaScript. I've implemented the function outlined by Sergey Snegirev in Pg1 of his four-part tutorial...
if ($('input:checked').length == 3) {
alert($('input:checked').length);
$('input:not(:checked)').attr('disabled', true);
} else {
alert($('input:checked').length);
$('input').attr('disabled', false);
}
...which runs fine in the Lectora Online single page preview (checkboxes disabled at a count of 3 and popups show the correct numbers), but fails once the project is published. The popups still work so the JS is running, but it's failing to work out how many boxes been selected (popups always show a value of 0).
NOTE: I've implemented this JS function on each button rather than at page level as I've overridden the default checkbox image, but it works just fine within Lectora. I've also followed Sergey's tutorial on a blank project to test from scratch and I'm still having the same problem. I've seen this happen on other JS functions I've tested in the past.
What am I missing?
Thanks in advance
As part of a Quiz, I'm trying to limit the maximum number of checkbox selections in a Multiple Response question using JavaScript. I've implemented the function outlined by Sergey Snegirev in Pg1 of his four-part tutorial...
if ($('input:checked').length == 3) {
alert($('input:checked').length);
$('input:not(:checked)').attr('disabled', true);
} else {
alert($('input:checked').length);
$('input').attr('disabled', false);
}
...which runs fine in the Lectora Online single page preview (checkboxes disabled at a count of 3 and popups show the correct numbers), but fails once the project is published. The popups still work so the JS is running, but it's failing to work out how many boxes been selected (popups always show a value of 0).
NOTE: I've implemented this JS function on each button rather than at page level as I've overridden the default checkbox image, but it works just fine within Lectora. I've also followed Sergey's tutorial on a blank project to test from scratch and I'm still having the same problem. I've seen this happen on other JS functions I've tested in the past.
What am I missing?
Thanks in advance
Comments
-
-
Hi Robert
Thanks for looking into this. I've attached a mock-up of the page as a PKG.
Thanks again -
Hi Sam,
The original script is not compatible with Seamless Play Publish. So if you had published with the option "Publish for Seamless Play" unchecked it would have worked fine. To make it work for both cases (Seamless Play and non-Seamless Play), you need to access the HTML elements using getDisplayDocument() function when using jQuery (eg: $('input:checked',getDisplayDocument())).
I attached an updated version of your sample title; please give it a try. I also made another change: instead of putting the same code in each of the check boxes, I made it into a function called processCheckbox() and added to a second HTML Extension of type Header Scripting and call that function from each check box action. That way if you need to make a change to the script you only need to change in one place.
Regards,
Robert. -
-
Could you post this same solution in a form that the desktop software can open? I just posted an issue to the forum where my jQuery was working properly in both Run and Edge Preview, but not on the LMS (see https://community.trivantis.com/forums/topic/animationsactions-work-in-run-edge-preview-not-in-lms/ ).
I'd like to see if your solution can work for me too.
Categories
- 35.8K All Categories
- 108 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 5 The Training Arcade®
- 5 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products