2010年4月7日 星期三

[AJAX]Easy AJAX inline text edit 2.0 即時編輯

Easy AJAX inline text edit 2.0

如何使用 InstantEdit 2.0:(5個簡單步驟集成)

01.下載 Javascript 文件:InstantEdit 2.0 JS
02.建立一個後端處理的更新文件。例:更新文件(PHP)
03.在您的網頁加入 JavaScript:<script type="text/javascript" src="instantedit.js"> </腳本>
04.可選:設置固定的增值經銷商(如隱藏元素在外地員額)。這些將被張貼與可編輯字段,以便您可以識別用戶 /會話。
<script type="text/javascript"> setVarsForm("pageID = profileEdit及用戶 ID = 11"); </腳本>
05.最後一步:在你的HTML的任何可編輯字段添加一個跨度每一角落找尋它:
的<span id="userName" class="editText">John Doe</span>
注意:ID是字段名(?userName=John Doe&),並應是唯一的!

DEMO:http://www.yvoschaap.com/instantedit/
網址:http://www.yvoschaap.com/index.php/weblog/ajax_inline_instant_update_text_20

沒有留言: