Is there a good way or a workaround for setting the CuteEditor to disabled dynamically via Javascript?

 

The application has a CuteEditor textbox and a checkbox that says 'Not Applicable'.

 

If the user clicks the checkbox they want the editor to be disabled.

 

The client does not want us to do it server side via an AutoPostback of the checkbox.

 

The version of CuteEditor we are using for this app is 6.3.0.0

 

I have seen one or two threads that say it can't be done but the last post was a few years back and I'm wondering if that was an older version of the control, or if people have come up with other reasonable workarounds, e.g. wrapping the control in a div or table and somehow disabling the wrapper control, or hiding it and showing a readonly version of text.

 

Below is the starting point for my javascript function.  It gets a handle to the cuteEditor but setting the disabled property does not disable the control.

 

function NotApplicableChanged(checkboxId, rootId) {
  var checkbox = document.getElementById(checkboxId);
  var cuteEditor = document.getElementById('CE_ce' + rootId + '_ID');
  if (cuteEditor != undefined) { cuteEditor.disabled = checkbox.checked; }
}
 

Thanks,

 

Scott

 

Scott,