�E �����Ɉړ�
�E ������Ɉړ�
�E �w��v�f�̍őO���Ɉړ�
�E �w��v�f�̍Ō㕔�Ɉړ�
�E �v�f�̓���ւ�
�̂��ꂼ��̊�������܂��B
�� �m�F��
ie 6.0, 7.0
ff 1.5
ns 7.1
op 8.53
���C�������ᖳ���̂ŏ��Ȃ��E�E�E�B
�\�[�X�R�[�h
function zbDom(){};
// �����Ɉړ�
zbDom.stepUp = function (e){
e = $(e);
var p = e.parentNode;
var b = e.previousSibling;
if(!b || e == b || e == p.firstChild) return;
p.removeChild(e);
p.insertBefore(e, b);
}
// ������Ɉړ�
zbDom.stepDown = function (e){
e = $(e);
var p = e.parentNode;
var b = e.nextSibling;
if(!b || e == b || e == p.lastChild) return;
var c = b.nextSibling;
if(!c || b == c || b == p.lastChild){
p.removeChild(e);
p.appendChild(e);
}else{
p.removeChild(e);
p.insertBefore(e, c);
}
}
// �w��v�f�̍őO���Ɉړ�
zbDom.moveFirst = function (e, p){
e = $(e);
p = p ? $(p) : e.parentNode;
var top = p.childNodes[0];
if(top == e) return;
e.parentNode.removeChild(e);
p.insertBefore(e, top);
}
// �w��v�f�̍Ō㕔�Ɉړ�
zbDom.moveLast = function (e, p){
e = $(e);
p = p ? $(p) : e.parentNode;
e.parentNode.removeChild(e);
p.appendChild(e);
}
// �v�f�̓���ւ�
zbDom.swap = function (a, b){
a = $(a);
b = $(b);
var pa = a.parentNode;
var pb = b.parentNode;
var c = document.createElement('span');
pa.replaceChild(c, a);
pb.replaceChild(a, b);
pa.replaceChild(b, c);
}
// �����Ɉړ�
zbDom.stepUp = function (e){
e = $(e);
var p = e.parentNode;
var b = e.previousSibling;
if(!b || e == b || e == p.firstChild) return;
p.removeChild(e);
p.insertBefore(e, b);
}
// ������Ɉړ�
zbDom.stepDown = function (e){
e = $(e);
var p = e.parentNode;
var b = e.nextSibling;
if(!b || e == b || e == p.lastChild) return;
var c = b.nextSibling;
if(!c || b == c || b == p.lastChild){
p.removeChild(e);
p.appendChild(e);
}else{
p.removeChild(e);
p.insertBefore(e, c);
}
}
// �w��v�f�̍őO���Ɉړ�
zbDom.moveFirst = function (e, p){
e = $(e);
p = p ? $(p) : e.parentNode;
var top = p.childNodes[0];
if(top == e) return;
e.parentNode.removeChild(e);
p.insertBefore(e, top);
}
// �w��v�f�̍Ō㕔�Ɉړ�
zbDom.moveLast = function (e, p){
e = $(e);
p = p ? $(p) : e.parentNode;
e.parentNode.removeChild(e);
p.appendChild(e);
}
// �v�f�̓���ւ�
zbDom.swap = function (a, b){
a = $(a);
b = $(b);
var pa = a.parentNode;
var pb = b.parentNode;
var c = document.createElement('span');
pa.replaceChild(c, a);
pb.replaceChild(a, b);
pa.replaceChild(b, c);
}
�g����
�� prototype.js �� $ �����g���Ă��܂��B
�� prototype.js ���ꍞ�݂��ʓ|�ȕ��͈ȉ��̃R�[�h��lj�����Ɠ����܂��B
function $(id){
if(typeof(id) == 'string') return document.getElementById(id);
return id;
}
$(id) �� id �� element �� id ������ƁAgetElementById �Ŏ擾���Ă���܂��Bstring �ȊO��n���ƁA���̂܂ܕԂ��܂��̂ŁAid �� element ������ id �����Ďg���܂��B
����ȊO�͑Ώ����Ă܂���̂ň������炸^^
�� �����Ɉړ�
zbDom.stepUp(element);
element �� HTML�h�L�������g���P����ɏ���Ă����܂��B
�A���e�v�f�͈̔͂��܂���B
�� ������Ɉړ�
zbDom.stepDown(element);
element �� HTML�h�L�������g���P�����ɂ������Ă����܂��B
�A���e�v�f�͈̔͂��܂���B
�� �w��v�f�̍őO���Ɉړ�
zbDom.moveFirst(element, p*);
element ���w��v�f(p)�̍őO���Ɉړ����܂��B
p �͏ȗ��\�ŁA�ȗ����ꂽ�ꍇ�͌��݂̐e�v�f�ɂȂ�܂��B
�� �w��v�f�̍Ō㕔�Ɉړ�
zbDom.moveLast(element, p*);
element ���w��v�f(p)�̍Ō㕔�Ɉړ����܂��B
p �͏ȗ��\�ŁA�ȗ����ꂽ�ꍇ�͌��݂̐e�v�f�ɂȂ�܂��B
�� �v�f�̓���ւ�
zbDom.moveLast(elementA, elementB);
elementA �� elementB �����ւ��܂��B
�� zbDom �Ƃ������̃v���p�e�B�Ƀ��U���U����Ă�̂́A������p������N���X���쐬����\�肾���炗
�T���v��
�T���v���͂�����
�� �`�̕��������� span �v�f���ړ����܂��B
�� �`�� body �̍Ō�Ɉڂ����ꍇ�A�P����ɂ����悤�Ƃ���ƁA�u���E�U�ɂ���ėv�f�̐����قȂ�܂��B
���̋L���ւ̃R�����g