postme

大分改良が進んだけど

付箋の編集のところで詰まっている

• 対象の付箋を編集エリアにドラッグ・ドロップする
• 編集エリアが編集フォームに切り替わって、そのテキストエリアには元の内容が入っている
• エディットボタンで編集完了

第1案

  $.cookie("post_id", id);

  location.href="/";

  $("#edit_form").css("display", "inline");

最初にフォームを非表示として

付箋がドラッグされると 

cookieで値を渡してテキストエリアにセットする

しかしhrefによる画面遷移によりフォームが非表示となってうまくいかない

第2案

var te = ui.draggable.find('.pbody').text()または.html()

$("#edit_area").text(te)

これだと内容がプレーンテキストの場合は問題ないが

内容にリンクがあるとうまくいかない

第3案

$.get('/'+id, ..)で非同期でデータを取ってくる案

しかし表示結果データではなく

データベースの生データを直接取得する方法がわからない

(追記)

できちゃったよ、第3案で

  $("#edit_area").droppable({

    drop: function(event, ui){

 $(ui.draggable).fadeOut("fast");

 var id = ui.draggable.attr("id").split('_')[1];

 $.get('/'+id, function(data){

$("#ed_area").text($(data).find("#ed_area").text());

 });

 $("#edit_form").css("display", "inline");

    }

  });

(追記)と思ったらだめだった。エディット対象が違うじゃんか