테스트 사이트 - 개발 중인 베타 버전입니다

Ajax.InPlaceEditor. 활용법

· 16년 전 · 2094 · 2
한번쯤 적용시키면 괸찮은것 같네요

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

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


<!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로 값을 받아오네요

잘 안되시는분이 있으면 예제페이지를 만들어 알려드릴께요
[이 게시물은 관리자님에 의해 2011-10-31 16:49:28 Prototype에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

네... 긁어서 붙여넣기 해보니 오류가 생기네요...
예제 페이지 쫌 부탁드릴께요... :) 감사합니다!!!
16년 전
.

게시글 목록

번호 제목
12181
12180
12179
348
12178
12177
12176
12175
12174
12173
12161
12160
12159
12158
12157
12156
12155
12154
12151
12150
12149
12148
12147
12146
12144