跳到主要內容

發表文章

目前顯示的是 十二月, 2009的文章

Table column move using jQuery

一個好朋友問到,怎麼讓表格的欄位透過按上或按下的箭頭來上下移動
下面是臨時趕出來的範例
觀念是使用jQuery的Manipulation與Selection來作<tr>的移動
條件是<tr>上都要有id的屬性設定喔
如果用的tablib無法在tr上加設屬性的話
可以換成用class的方式做Selection....我就不多說啦~ :D

範例:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/ui.core.js"></script>
    <script type="text/javascript">   
        $(function() {       
            $('#show').click(function(){
                alert($('body').html());
            });

        });   

        function mvdown(id){
            if($('#' + id).next().attr(&#…