テキストボックスを作る（その2）

　今回は右側のtextareaにテキストを入力したら、そのテキストをフォーカスされたテキストボックスに出力する部分を作ります。これは単純にCommitボタンを押したらtextareaの値を取ってきてテキストボックスに入れるだけ。コードは以下の通り。

$("#commitOk").click(function() {
  var focusElement = getFocusElement();
  if (focusElement.hasClass("textBox")) {
    focusElement.text($("#inputTextBox").val());
  }
});

次はテキストボックスの背景色を変えたい。それにはどうやって色を選択するかが問題です。色の選択方法にはいろいろな方法があるけど、
http://phpspot.org/blog/archives/2006/10/javascript_28.html
などを調べた結果、jQueryを用いたカラーピッカーであるFarbtasticを使うことに決めました。
http://www.acko.net/dev/farbtastic
に書いてある通りにコードを書いたら、これまた簡単に設置できました。まあ、全体的な画面デザインはまだ置いとくとして。こちらもCommitボタンと関連付けます。現段階でのCommitボタンのコードは以下の通り

$("#commitOk").click(function() {
  var focusElement = getFocusElement();
  if (focusElement.hasClass("textBox")) {
    focusElement.css({"background-color": $("#color").val()})
                .text($("#inputTextBox").val());
  }
});

今回はこれまで。
http://github.com/yuribossa/qff/tree/master