読者です 読者をやめる 読者になる 読者になる

Logic Delight

明日のワシは忘れてしまうから、コードにはコメントを書くのです。

入力不可項目のスタイル制御

JavaScriptでたまにやるヘマ。
JavaScriptは大文字と小文字を区別するので、tabindexと記述しても全くタブインデックスが無効になりません。小ハマリした自分が情けなや、とほほ。

//readOnly属性のついているフォーム要素の
//背景色を薄いグレーにし、タブインデックスを無効にする
function setReadOnlyStyle() {
  for (i = 0; i < document.forms.length; i++) {
    elements = document.forms[i].elements;
    for (j = 0; j < elements.length; j++) {
      if (elements[j].readOnly == true) {
        elements[j].style.backgroundColor = '#D0D0D0';
        elements[j].tabIndex = -1;
      }
    }
  }
}