JavaScript: Disabling textarea in report column cell depending on flag

Question

Hi,
I got an updateable report with the following behavior:
- Depending on the value of column "PFT_PCODE" (1 or 2) the column gets a yellow or red background color.
- If the value of column "PFT_PCODE" is 1 the next column (for remarks) gets a grey background color.
- Some flags get values set.
With the kind help of Andy (ATD) I got that running nicely. See also:
Javascript - Referencing report column value and
JavaScript: Disabling textarea in report column cell
Now I want to add an additional feature:
- If a flag ('P11_SPERR_FLAG') has the value '1' then the column (remarks) (var j) should be disabled.
I tried the following (see additional code between asterisks) but it's not working. I feel a little stupid since I thought that shoud be an easy fix.
Anyone has an idea what's wrong with the additional code? I find debugging quite difficult in JavaScript...
////////////////// PAGE HTM HEADER //////////////
function hilite(f1) {
var ft1 = document.getElementById('P11_FEHLERTYP1_FLAG');
ft1.value = '0';
var ft2 = document.getElementById('P11_FEHLERTYP2_FLAG');
ft2.value = '0';
*var sperrflag = document.getElementById('P11_SPERR_FLAG');*
var h = 0;
if (document.getElementById(f1)) {
     h = document.getElementById(f1);
     var t = h.parentNode;
     while (t.tagName != 'TABLE') {
          t = t.parentNode;
     var rows = t.rows;
     var k;
     var i;
     var j;
     var c;
     var headers = t.getElementsByTagName("TH");
     for (k = 0; k < headers.length; k++) {
          if (headers[k].id == f1) {
               c = k;
     for (k = 1; k < rows.length; k++) {
          i = rows[k].cells[c];
          j = rows[k].cells[c+1].getElementsByTagName("TEXTAREA")[0];
          *if (sperrflag.value == '1') {*
*               j.disabled = 'true';*
          if (i.innerHTML == '2') {
               i.style.backgroundColor = 'yellow';
               i.style.color = 'white';
               i.style.fontWeight = 'bold';
               i.style.fontSize = '18px';
               ft2.value = '1';
          if (i.innerHTML == '1') {
               i.style.backgroundColor = 'red';
               i.style.color = 'white';
               i.style.fontWeight = 'bold';
               i.style.fontSize = '18px';
               j.style.backgroundColor = 'grey';
               ft1.value = '1';
               //j.disabled = 'true'; //This would work.
////////////////// REGION FOOTER //////////////
<script type="text/javascript">
hilite('PFT_PCODE');
</script>Thank you,
Roger

Answer 1

I found the solution, it had nothing to do with JavaScript:
Item P11_SPERR_FLAG was of type Diplay as Text / Doesn't save state.
Without saving state the JavaScript wouldn't work.
Sorry to bother,
Roger