テキストをクリック→テキストボックスを表示→インラインで編集→テキスト更新を実現するクラスを作ってみた。 - 空想犬猫記なるべく小さな部品をクラスという形で提供して，再利用しやすい俺ライブラリをこまめに作っていこうと思います。id:xoinu:20071231 でやろうとしていたこととは少し外れるので，エト記に書いておきます。 表題の通り，今日作ってみたのは，はてなグラフの編集画面にあるような UI で 始めの見た目は文字列 文字列をクリックすると，テキストボックスになり，編集できるようになる Enter キー，あるいは focus が外れると編集終了 編集が終わると，テキストボックスが文字列に戻って，編集後の文字列になる 編集後に hook 関数を起動する というものです。 文字列は <span id="hoge">hogehoge</span> のような id 付きのブロックで囲まれていると想定しています。これに対して var ie; addEvent(window, "load", pageInit)
