geoffdude

OK - I circled around to this one more time, and really looked at the code that was provided by iren (thx again).
 
I discovered there was an extra "." at the end of the first if statement ".checked.==false)"... I removed it, tested, and it now works. So.. thanks very much again Iren.
 
 
Here's the working code.
 
<SCRIPT LANGUAGE="JavaScript">
function ocProductsCheck() {
if (document.getElementById("InsertRecordOC_print").checked==false)
   {
    document.getElementById("InsertRecordOC_newsletter").checked=false;
   }
}
document.getElementById("InsertRecordOC_print").onchange=ocProductsCheck;
</script>
 
Best regards,
 
Geoff

Can you provide a wire-frame of the flow that way we can see what's supposed to happen.
 
Like:
Product = GARMENT X
Serial Number = 123456
Emp Id = TestID-00001
Station = Choices (Station A, Station B, etc)
Then create the wire-frame for us to look at ... like this example below, except show your form fields w/names and what should happen with it's use
(It will help us to figure out the flow/logic.)
 

My first thought is you CSS in causing errors. The form CSS may be the issue .. but it's hard to determine without seeing the form live.
 
Some things to try on the code you provided are as follows:
<style> .ui-resizable-helper { border: 1px dotted gray; } ul#menu .activeMenu { background: #bb3033; } ul#menu { width: 100%; background: #21618C; font-size: 10px; font-family: "Arial", sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; text-align: center; } ul#menu li { display: block; display: inline-block; margin: 4px 0 0 0; padding: 5px 15px 5px 15px; cursor:pointer;} ul#menu li a {color: #fff; text-decoration: none; display: block; line-height: 200%; } ul#menu li a:hover { color: #333; } /* FIX(1) move li styles here */ li { font-size: 11px !important; font-weight: bold !important; } /* FIX(2) get rid of padding, border, make width 100%, get rid of display block and position too, make background grey for testing only */ .content{width: 100%; height:1024px; background: #e5e5e5; padding: 0px; border:0px solid #21618C; overflow:hidden;} /* FIX(3) get rid of padding, make width 50% (iFrame width), make background blue (iFrame background color) for testing only */ .ChannelView{ width:50%; height:100%; margin-bottom:100%; background:#aae2ee;} /* FIX(4) disable this media query as it does nothing for this page @media (max-width: 1024) { .content { width: 96.6%; background: #ff0000 !important; } } */ </style>
 Let see what this style code change does, then go from there.

• Use the same code, but change where it says "myFunction"  to another name .. like "myFunctionB" or similar.  Make sure to change all occurrences of it.
• Also change the ID of the <span> tag to "cntB" and then change that in the script code too, so your counter text goes to the right area.

• Finally - also change the target text area name, as you did earlier, to match what new text area field your targeting... Make sure and change all occurrences of it.
 
LMK if this works.

Are you familiar with the Caspio's article regarding its 13.0 impacted Areas? Here: https://howto.caspio.com/release-notes/caspio-bridge-13-0/13-0-impacted-areas/
I think your script might need a little modification due to the incompatibility with the new feature of AJAX. Or you can try to check the 'Disable AJAX Loading' on your DataPage.
 
And test if it will work now. I hope this helps!

Thanks very much .. that was the issue.
I've used the modified script for many of my pages but just forgot completely on this form to use it. Also, the "Disable AJAX loading" function once checked worked as well. (I have it enabled now though since I've updated the script).
 
For those that may want to see the updated script that works, here you go.
<script type="text/javascript"> document.addEventListener('DataPageReady', function (event) { $('input[id="InsertRecordbilling_different"]').click(function(){ if($(this).prop("checked") == true){ /*alert("Checkbox is checked.");*/ parent.document.getElementById('iFrameCaspio').style.height = "860px"; } else if($(this).prop("checked") == false){ /*alert("Checkbox is unchecked.");*/ parent.document.getElementById('iFrameCaspio').style.height = "630px"; } }); }); </script>