http://storehouse.quickvps.net/search_plus/search?query=%E3%82%82%E3%81%94%E3%82%82%E3%81%94
以下のようなコードで、パネルをドラッグできるようにしてみた。
function handle_drag_event() { var result_panel = $('result_panel'); var base_top = 5; var base_right = 20; var move = null; add_event(result_panel, 'mousedown', function(e) { var start_x = e.clientX; var start_y = e.clientY; move = function(move_event) { var offset_x = move_event.clientX - start_x; var offset_y = move_event.clientY - start_y; result_panel.style.top = (base_top + offset_y) + 'px'; result_panel.style.right = (base_right - offset_x) + 'px'; }; }); add_event(result_panel, 'mousemove', function(e) { if (move) { move(e); } }); add_event(result_panel, 'mouseup', function(e) { if (move) { var style_top = parseInt(result_panel.style.top); var style_right = parseInt(result_panel.style.right); if (style_top) { base_top = style_top; } if (style_right) { base_right = style_right; } } move = null; }); }
ユーザビリティが上がったのか下がったのか分からないなぁ…