1.ºÎ¿©¹ÞÁö ¾ÊÀº ±ÇÇÑ°ú ºÎ¿©¹ÞÀº ±ÇÇÑÀ̶õ 2°³ÀÇ ÅÂÀ̺íÀÌ »ý¼ºÀÌ µË´Ï´Ù.
2. ¸ÕÀú ºÎ¿©¹ÞÁö ¾ÊÀº ±ÇÇÑÀÇ ¾²±âºÎºÐÀ» µå·¹±×ÇÏ¿© ¼±ÅÃÇØ ³õ½À´Ï´Ù.
3. µå·¹±×·Î ¼±ÅÃµÈ '¾²±â'ºÎºÐÀ» ¸¶¿ì½º·Î Ŭ¸¯ÈÄ µå·¹±× ½ÃÄÑ ºÎ¿©¹ÞÀº ±ÇÇÑÀ¸·Î À̵¿½Ãŵ´Ï´Ù.
4.ºÎ¿©¹ÞÀº ±ÇÇÑÀ¸·Î ¾²±â°¡ ¿È°ÜÁ³ÁÒ! (³î¶ø±º¿ä)
5. ÀüºÎ ¿È°Üº¸¾Ò½À´Ï´Ù. ºÆ±â ½È±º¿ä~ ^^ ÇÏ´Ü¿£ ÀÌ¿¡ ¾²ÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÔ´Ï´Ù.
<html> <head><title>Å×ÀÌºí¿¡¼ ÁÙ(TR)À» ¸¶¿ì½º µå·¡±×·Î À̵¿</title> <script language="JavaScript1.2"> <!-- var srcElementTR; //Id of dragged object
var destElementTR; //Id of valid drop target object
function fnGetSource()
{ srcElementTR = event.srcElement.parentElement ; }
function fnGetDestination()
{
destElementTR = event.srcElement.parentElement;//dest TR var destElementTBODY = destElementTR.parentElement;// dest TBODY destElementTBODY.appendChild(srcElementTR); }
function cancelevent()
{ window.event.returnValue = false; }
//--> </script>
</head>
<body> <table> <tr> <td valign="top"> <table id="table1" bgcolor="FF00" ondragstart='if(window.event.srcElement.parentElement.rowIndex > 0){fnGetSource();}' ondragenter='cancelevent();' ondragover='cancelevent();' ondrop='if(srcElementTR!=null && srcElementTR.rowIndex > 0) {fnGetDestination();}'> <tr><td>ºÎ¿©¹ÞÁö¾ÊÀº±ÇÇÑ</td></tr> <tr><td>¾²±â</td></tr> <tr><td>Àбâ</td></tr> <tr><td>¼öÁ¤</td></tr> </table> </td> <td valign="top"> <table id="table2" bgcolor="CCFF" ondragstart='if(window.event.srcElement.parentElement.rowIndex > 0){fnGetSource();}' ondragenter='cancelevent();' ondragover='cancelevent();' ondrop='if(srcElementTR!=null && srcElementTR.rowIndex > 0) {fnGetDestination();}'> <tr><td>ºÎ¿©¹ÞÀº±ÇÇÑ</td></tr> <tr><td>»èÁ¦</td></tr> </table> </td> <tr> </table>
</body> </html>
*ºÎ¿©¹ÞÁö¾ÊÀº ±ÇÇÑ°ú ºÎ¿©¹ÞÀº±ÇÇÑÀÇ ÇÏ´Ü¿¡ ¾²ÀÎ trºÎºÐÀÌ À̵¿°¡´ÉÇÑ ºÎºÐÀÔ´Ï´Ù. À§ ÀÚ¹Ù´Â ¼³¸íº¸´Ü Á÷Á¢ ½ÇÇàÇؼ È®ÀÎÇغ¸½Ã´Â°Ô ÀÌÇØ°¡ ´õ ºü¸¦°Í °°½À´Ï´Ù.
|