한번쯤 적용시키면 괸찮은것 같네요

첨부스크립트를 업로드하시고

스크립트 링크를 걸어주세요


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>script.aculo.us Demo</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="../lib/prototype.js" type="text/javascript"></script>
  <script src="../lib/scriptaculous.js" type="text/javascript"></script>
  <script src="../lib/unittest.js" type="text/javascript"></script>
  <style type="text/css" media="screen">
 
  </style>
</head>
<body>
<h1 id="tobeedited">To be edited</h1>
<script>
new Ajax.InPlaceEditor($('tobeedited'), '_ajax_inplaceeditor_result.html', {
        ajaxOptions: {method: 'get'} //override so we can use a static for the result
        });

//new Ajax.InPlaceEditor($(적용할 ID값), '갑을 업데이트해주는 페이지', {
        ajaxOptions: {method: 'get'} //override so we can use a static for the result
        });

</script>
</body>
</htrml>

아래와 같이 하면
마우스를 클릭하면

테스트 폼을 수정할수가있습니다.
 
이폼을 수정한 값을 디비값을 업데이틀 해주면됩니다.

참고로 업데이트 페이지에서 받아오는 값은

vlaue로 값을 받아오네요

잘 안되시는분이 있으면 예제페이지를 만들어 알려드릴께요