Ajax�̐^����Web�T�[�r�X�A�g�ɂ����FWeb 2.0�ŕς��Web�v���O���~���O�̏펯�i1/4 �y�[�W�j
������������Ajax����荞��Web�A�v���P�[�V�����J���ւ̎��g�݁B�㔭�ł��A�C�f�A�͂܂��܂��o�s�����Ă��Ȃ��B��{�K���ĐV���ȃT�[�r�X�ւƂȂ��Ă݂悤�B
» 2006�N08��23�� 08��00�� ���J
�@Ajax�Ƃ����ƁAXML�Ńf�[�^�𑗎�M����Ƃ����C���[�W������B
�@�������A���ۂɂ�XML�ł���K�v���͂Ȃ��B�ނ���XML�`���ł͂Ȃ��ق����A����M�f�[�^�p�[�X�̎�Ԃ��K�v�Ȃ��Ƃ����P�[�X�������̂��B
�@����ŁAXML�Ńf�[�^�������ł��闘�_�����A���R�Ȃ���Web�T�[�r�X�Ƃ̌��ʓI�ȘA�g�������I�Ȃ��̂ɂȂ��Ă���B����́AAjax�A�v���P�[�V�����ɂ����Ă悭�p������uJSON�v�ƌĂ��f�[�^�`���ɂ��ĉ�����悤�B
�@���̃I�����C���E���b�NPlus�uWeb 2.0�ŕς��Web�v���O���~���O�̏펯�v�ł́A����܂ł�Ajax�̊T�v�i��1��j���甭�W�n�Ƃ����ǂ̂悤�Ȏ��g�݂���̂��i��2��j�ɂ��ĉ�������B���̃I�����C���E���b�NPlus��ǂނ��ƂŁAWeb2.0�Ə̂���V����Web�e�N�m���W�[�̏ے��̈�Ƃ�����Ajax�ɂ��āA�[���m��A�����Web2.0�Ή��Ƃ��������Ƃ��\��Web�A�v���P�[�V���������グ�邱�Ƃ��ł��邾�낤�B
�@��2��ڂ܂ł́AAjax�ʼn��Z�^���Z���s���ȒP�ȃT���v�����Љ�Ă���B���̃T���v�������ۂɓ������Ă݂�ƁAXML�f�[�^�̐�����p�[�X�̕��G����������͂����B
�@�ȒP�ȃf�[�^�\���Ȃ�܂������A�z���\���̂�����肷��ƂȂ�A�T�[�o���ł�XML�f�[�^�̐����͂������A�N���C�A���g����XML�p�[�X���������G�ɂȂ�B���̌��ʁA�p�t�H�[�}���X�����Ă��܂��̂��B
�@Ajax�Ńf�[�^�̑���M�ɗp����XMLHttpRequest�I�u�W�F�N�g�ł́AresponseText�v���p�e�B��p���邱�ƂŃe�L�X�g�`���̃f�[�^��������B
�@�܂�AXML�`���ɂ������K�v�͂Ȃ����Ƃ��Ӗ�����B
�@�Ⴆ�A�J���}�u,�v���e�L�X�g�Ńf�[�^������肷�邱�Ƃ��\���B�������J���}���e�L�X�g�ɂ����Ƃ���ŁA�p�[�X���K�v�ł���Ƃ����_�ɕς��Ȃ��̂��������낤�B
�@�����ŁA���N���C�A���g���̕��S���y������f�[�^�����`���Ƃ��ĕ��L���p�����Ă���̂��uJSON�iJavaScript Object Notation�j�v�ł���B
�@JSON�ł́AJavaScript�ɂ�����I�u�W�F�N�g�\���Ɠ��������̃e�L�X�g��p���ăf�[�^��\������B���̎d�l�́A���̃T�C�g���Ŏ�����Ă���B
�@JSON�`���̃f�[�^�Ƃ��ẮA�Ⴆ�A���̂悤�Ȍ`������������B
�@���̃f�[�^������́AJavaScript��eval�����g���Ă���A���̂悤�ɑO��Ɂu(�v�Ɓu)�v��t����ƁA���̂܂܃p�[�X�ł���̂��B
var result = eval('(' + '{"add":400,"diff":200}' + ')');
�@��L�̗�ł́Aresult�Ƃ������O�̃I�u�W�F�N�g�Ƃ��č\������A���̂悤�ɂ��ĎQ�Ƃ��邱�Ƃ��ł���B
result['add']; // ���̒l��400
result['diff']; // ���̒l��200
Copyright © ITmedia, Inc. All Rights Reserved.
';
e_dlv.innerHTML = html;
adRequest({position:dlv_pos,dom:true});
}else if(ad_type === 'gam'){
var html = '
';
e_dlv.innerHTML = html;
refreshGam('InArtSpecialLink');
}else if(ad_type === 'logly'){
var html = '
';
e_dlv.innerHTML = html;
loglySet(g_id);
}else if(ad_type === 'google'){
var html = '
';
e_dlv.innerHTML = html;
googletag.cmd.push(function(){
var slot8 = googletag.defineSlot('/43042345/nlab_artinsert_RT',[[336,280],[300,250],'fluid'],'div-gpt-ad-1551176482959-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
googletag.display('div-gpt-ad-1551176482959-0');
googletag.pubads().refresh([slot8]);
});
}
};
var insert_ok = function(_target,_str){
var clearfix = d.createElement('div');
clearfix.className = 'colBoxClear';
if(ad_float_fix){
e_body.insertBefore(e_dlv,_target);
e_body.insertBefore(clearfix,_target.nextElementSibling);
}else{
e_body.insertBefore(e_dlv,_target);
}
set_dlv();
};
var insert_ng = function(_str){
e_dlv.style.display = 'none';
};
var main = function(){
var e_nodes = e_body.childNodes; // BODY �����q�v�f
var e_tags = []; // BODY �����^�O
var p_num = []; // BODY ���� P �^�O�ʒu
var p_target_num; // �g�}����ʒu
var o_float = {}; // ��荞�ݗv�f
var o_this = {}; // �A�N�e�B�u�^�O
var o_next = {}; // �A�N�e�B�u�^�O�̎��̃^�O
var flag_insert = 0; // �}���t���O
// ��荞�ݗv�f�`�F�b�N
var check_float = function(_e){
var e = 0;
if(_e.id.match(/^col\d{3}(l|r)$/)){
e = _e;
}
return e;
};
// �v�f�� Y ���W�ƍ����̍��v�l
var get_element_y = function(_e){
var ey = 0;
var eh = _e.offsetHeight;
while(_e){
ey += _e.offsetTop;
_e = _e.offsetParent;
}
return ey + eh;
};
var check_ptag = function(_e){
var e = 0;
if(_e.tagName && _e.tagName === 'P'){
e = _e;
}
return e;
};
var try_insert = function(){
p_target_num = Math.floor(p_num.length / 2) - 1;
if(p_target_num >= _maxrange) p_target_num = _maxrange;
if(dis_con) p_target_num = 0;
for(var i = p_num[p_target_num]; i < e_tags.length; i++){
o_this.e = check_ptag(e_tags[i]);
if(o_this.e){
o_next.e = check_ptag(e_tags[i + 1]);
if(o_next.e){
if(!o_float.e || check_float(e_tags[i - 1])){
o_float.e = check_float(e_tags[i - 1]);
o_float.n = i - 1;
}
if(o_float.e && o_float.n < i + 1){
o_float.y = get_element_y(o_float.e);
o_this.y = get_element_y(o_this.e);
set_line(o_float.y,'red');
set_line(o_this.y,'blue');
if(o_float.y < o_this.y){
flag_insert = 1;
insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂���');
break;
}
}else{
flag_insert = 1;
insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂Ȃ�');
break;
}
}
}else{
o_float = {};
}
}
if(!flag_insert){
insert_ng('�}���ʒu�Ȃ�');
}
};
// �S�q�v�f����^�O�̂ݔz��ɓ����
for(var i = 0; i < e_nodes.length; i++){
if(e_nodes[i].tagName){
e_tags.push(e_nodes[i]);
}
}
// �S�^�O���� P �^�O�ʒu��z��ɓ����
for(var i = 0; i < e_tags.length; i++){
if(e_tags[i].tagName === 'P') p_num.push(i);
// �ŏ��̉�荞�ݗv�f���i�[
if(!o_float.e){
o_float.e = check_float(e_tags[i]);
o_float.y = get_element_y(o_float.e);
o_float.n = i;
}
}
if(p_num.length >= _threshold){
try_insert();
}else{
insert_ng('P �^�O ' + _threshold + ' �ȉ�');
}
};
if(e_body){
main();
}else{
insert_ng('�L���{���Ȃ�');
}
})(document,4,5);