contentEditable속성을 사용하여 DIV레이어의 내용을 수정하기
Ajax적용한다면 내용을 실시간으로 입력 후, 저장 기능 구현 할 때
사용 해 두 괜찮을듯...;
<HTML>
<HEAD>
<TITLE>The onmove event</TITLE>
<SCRIPT>
// Turn on 2-D positioning
document.execCommand("2D-position",false,true);
function fnHandleMove() {
oXDelta.innerText = event.srcElement.offsetLeft;
oYDelta.innerText = event.srcElement.offsetTop;
}
</SCRIPT>
</HEAD>
<BODY onmove="fnHandleMove();">
<B>Current Object:</B><BR>
X delta: <SPAN id=oXDelta>n/a</SPAN><BR>
Y delta: <SPAN id=oYDelta>n/a</SPAN><BR>
<DIV id=oTest CONTENTEDITABLE="true">
<DIV style="width:300px;height:100px; background-color:red; position:
내용을 입력하세요.
</DIV>
</DIV>
</BODY>
</HTML>
ajax-3545-rogerrb.html
No comments:
Post a Comment