2007�N05��17��

Javascript�F�G�������g�̈ʒu���R���R���ƕς���B

DOM element ���X���b�v��������A�őO����Ō㕔�Ɉړ��������肷��֐��Q�ł��B�܁A�ȒP�ɏo���܂����A�債���R�[�h�ł��Ȃ��̂ł����A�����ɖʔ�����

�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);
}


 �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
posted by HiFa at 15:41 | 🌁 | Comment(0) | TrackBack(0) | JavaScript�G�� | ̃uO̓ǎ҂ɂȂ | XV`FbN
>>> �X�p���R�����g�͏����Ă܂����B ���݂����ʂȘJ�͔͂����܂��傤�B <<<

���̋L���ւ̃R�����g

�R�����g������
�����O:

���[���A�h���X:

�z�[���y�[�W�A�h���X:

�R�����g:

�F�؃R�[�h: [�K�{����]


���摜�̒��̕����𔼊p�œ��͂��Ă��������B

���̋L���ւ̃g���b�N�o�b�N