ajaxというかjavascriptで ＜div id="strmsg"＞あああああ＜/div＞ のdiv要素をクリックするとdiv要素内がvalue="あああああ"のテキストボックスに変わり、フォ…

ajaxというかjavascriptで ＜div id="strmsg"＞あああああ＜/div＞ のdiv要素をクリックするとdiv要素内がvalue="あああああ"のテキストボックスに変わり、フォーカスをはずすとdiv要素内には編集後の文字が表示され＜div id="strmsg"＞ああいいい＜/div＞のようになる、という処理を行いたいのですがうまくいきません。どう書いたら良いのでしょうか。もしくはサンプルとなるようなサイトをご存知ですか。 はてなブックマークのコメントを記述する箇所はこれに近い処理を行っていますが、はてなブックマークの場合左横のアイコンをクリックするとコメント欄が入力ボックスになり「変更」ボタンを押すと文字表示に戻るので、似ていますが処理は別もので参考になりませんでした。 あくまでdiv要素内をクリックすると入力ボックスになり、そこからフォーカスをはずすと文字表示に戻

[take-it]

はてブのようなコメント欄。