RSS

JavaScriptでテーブル内のTR要素を上下動させたい

25 7月

ボタンをおしたら、TR要素が上の子やしたの子と中身がいれかわるようにしたい!

http://blog.simpraight.com/entry/42
ここを参考に。
ここではリスト要素だったので、テーブル要素にするにはこんなカンジだった。

function moveTo(td, d) {
d = (d=='down') ? 1 : -1;
var tr = td.parentNode; // tr element

var table = tr.parentNode;
var trs = table.getElementsByTagName('tr');

for(var i=0, l=trs.length; l>i; i++)
if(trs[i]==tr){ var c = i; break; }
if(c+d<0||c+d==l) { return true; }
var a = [trs[c].cloneNode(true), trs[c+d].cloneNode(true)];
table.replaceChild(a[1], trs[c]);
table.replaceChild(a[0], trs[c+d]);
}

広告
 
コメントする

投稿者: : 7月 25, 2012 投稿先 メモ, JavaScript

 

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

 
%d人のブロガーが「いいね」をつけました。