//通信成功時　xmlファイルの内容を読み込み表示
function dispXmlElemen() {
	xml = httpObj.responseXML;//xml を DOM ツリーで取得
	
	var disp_frame = document.getElementById('disp_frame');
	var data_frame = document.getElementById('data_frame');
	//xml から取得した glroup 要素の配列
	var glroup = xml.getElementsByTagName('glroup');
	for (var i=0,L=glroup.length ; i<L ; i++){
		//変数の初期化
		var no ='';
		var name = '';
		var hobby = '';
		//glroup 要素内の子要素の情報を取得
		for (var j=0,M=glroup[i].childNodes.length ; j<M ; j++){
			var child = glroup[i].childNodes[j];
			if (child.tagName == 'no'){
				if(child.firstChild){
					no = child.firstChild.nodeValue;
				}
			}else if (child.tagName == 'name'){
				if(child.firstChild){
					name = child.firstChild.nodeValue;
				}
			}else if(child.tagName == 'hobby'){
				if(child.firstChild){
					hobby = child.firstChild.nodeValue;
				}
			}
		}
		//タグを子要素もふくめ複製
		var n_data_frame = data_frame.cloneNode(true);
		n_data_frame.removeAttribute('id');//id 属性を取り除く
		n_data_frame.id = 'data_frame'+ i ;//新しい id をセット
		//複製した３つの span に xml から取り出した値をセット
		var spans = n_data_frame.getElementsByTagName('span');
		spans[0].innerHTML = no;
		spans[1].innerHTML = name;
		spans[2].innerHTML = hobby;
		//追加した要素をドキュメントに追加
		disp_frame.appendChild(n_data_frame);
		//n_data_frame.style.display = 'block';
	}
	//コピー用の data_frame 削除
	disp_frame.removeChild(data_frame);
}

//xml ファイルを読み込む
function ajax_xml(target_url){
	document.getElementById('ajax_test2').onclick = null;//onclickを無効にする
	httpXmlRequest(target_url,dispXmlElemen, httpError);
}