<strong>페이지에서 js 가져오기<br></strong><div class="codetitle"> <span><a style="CURSOR: pointer" data="15073" class="copybut" id="copybut15073" onclick="doCopy('code15073')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code15073"> <br>jquery -1.3.2.min.js<br>jquery.tablednd_0_5.js<br><font style="COLOR: #ff0000">참고: jquery-1.3.2.min.js를 먼저 가져와야 합니다. 그렇지 않으면 오류가 발생합니다. <br></font> </div> <br><strong>·테이블 만들기<br></strong><div class="codetitle"> <span><a style="CURSOR: pointer" data="6787" class="copybut" id="copybut6787" onclick="doCopy('code6787')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다: </div> <div class="codebody" id="code6787"> <br><table id="table-1"cellspacing="0" cellpadding="2"><br> <tr id="1"><td> ;1< /td><td>1개</td><td>일부 텍스트</td></tr><br> <tr id="2"><td>2</ td>< ;td>2개</td><td>일부 텍스트</td></tr><br> <tr id="3"><td>3</td>< td>3개< ;/td><td>일부 텍스트</td></tr><br> <tr id="4"><td>4</td><td>4< /td> <td>일부 텍스트</td></tr><br> <tr id="5"><td>5</td><td>5</td>< ;td> 일부 텍스트<br> td></tr><br></table><br> </div> <br><strong>·JS 코드 삽입<br></strong><div class="codetitle"> <span><a style="CURSOR: pointer" data="84761" class="copybut" id="copybut84761" onclick="doCopy('code84761')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code84761"> <br><script type="text/javascript"><br> $( document).ready(function() {<br> $("#table-1").tableDnD();<br> });<br> </script><br> </div> <br>· 좋아요. <br><strong>·예제<br></strong><div class="codetitle"> <span><a style="CURSOR: pointer" data="24282" class="copybut" id="copybut24282" onclick="doCopy('code24282')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다</div> <div class="codebody" id="code24282"> <br><%<BR> 문자열 경로 = request.getContextPath();<BR> 문자열 basePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() path "/";<BR> pageContext.setAttribute("basePath", basePath);<BR>%><br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ;<BR><html><br> <head><br> <script type="text/javascript"<BR> src="${basePath}common/js/jquery-1.3.2.min. js"></script><br> <script type="text/javascript"<BR> src="${basePath}common/js/jquery.tablednd_0_5.js"></script><br> <style type="text/css"><br>.aa {<br> 배경: #00FF99<br>}<br><br>.bb {<br> 배경: #0066FF<br> }<br></style><br><br><script type="text/javascript"><br><br> $(document).ready(function() { <br> color() ;<br> $("#table-1").tableDnD({<br> onDrop:function(table,row){<br> var b = $(row).children().eq(0).text ();<br> color();<br> } <br> }); <br><br> });<br><br> 함수 색상()<br> {<br> var tbody = $("table[id='table-1'] tr");<br> tbody .each(function(index){<br> var cc = index%2;<br> if(0==cc)<br> {<br> $(this).removeClass();<br> $(this ).addClass("aa"); <br> }<br> else<br> {<br> $(this).removeClass();<br> $(this).addClass("bb"); <br> }<br> });<br> }<br> </script><br> </head><br><br> <body><br> <table id="table-1 " cellpacing="0" cellpadding="2"><br> <tr id="1"><td>1</td><td>One</td><td>일부 텍스트< ;/td></tr><br> <tr id="2"><td>2</td><td>2</td><td>텍스트</td> </tr><br> <tr id="3"><td>3</td><td>3개</td><td>텍스트</td></tr> ;<br> <tr id="4"><td>4</td><td>4</td><td>텍스트</td></tr><br> <tr id="5"><td>5</td><td>5개</td><td>일부 텍스트</td></tr><br> <tr id ="6"><td>6</td><td>6개</td><td>텍스트</td></tr><br> </table><br> <br> </body><br></html><br> </div> <br>