神奈川県横浜市

横浜市組織別連絡先

fullscreen

松本豊

横浜市組織図の階層データを、すこし見やすい形式にし、連絡先の情報がでるようにしました。追記：階層が２階層のものは詳細データがでません。また、「undefine」というのはデータがないものです。申し訳ありません。

評価指数

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/

window.onload = function() {
	all_data = new Array();
	// データをLinkDataから取得 
	tmp_a_data = new Array();

$.each(LinkData.getWorks(), function(workKey, workValue) {
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			$.each(LinkData.getSubjects(workValue,fileValue),function(subjKey,subjValue) {
				var tmp_data = {}
				tmp_data["id"] = subjValue;
					$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
						$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
							if(propValue == "http://www.w3.org/2000/01/rdf-schema#label"){
								tmp_data["label"] = objValue;
							} else if(propValue == "http://xmlns.com/foaf/0.1/homepage"){
								tmp_data["homepage"] = objValue;
							} else if(propValue == "http://purl.org/dc/terms/isPartOf"){
								tmp_data["ispartof"] = objValue;
							} else if(propValue == "http://linkdata.org/property/rdf1s574i#tel"){
							tmp_data["tel"] = objValue;
							} else if(propValue == "http://linkdata.org/property/rdf1s574i#fax"){
							tmp_data["fax"] = objValue;
							} else if(propValue == "http://linkdata.org/property/rdf1s574i#mail"){
							tmp_data["mail"] = objValue;
							} 
					});
				});
				tmp_a_data.push(tmp_data);
			});
		});
	});
	//全データ
	all_data = tmp_a_data;
	//局のデータを表示
	$(".selectkyoku").append("<option value='-1' selected='selected'>部署を選択してください。</option>");
	for (var i in all_data){
		var parent_c = "http://dbpedia.org/resource/Yokohama";
		if (all_data[i].ispartof === parent_c){
			$(".selectkyoku").append("<option value='"+ all_data[i].id +"'>" + all_data[i].label + "</option>");
		}
	}
	//局が選択、変更された時の処理
	$(".selectkyoku").change(function() {
		//部、課、詳細データのリセット
		$(".selectbu").empty();
		$(".selectka").empty();
		$("#result").empty();
		//選択された局管轄の部を表示
		var sectionKyokuKey = $("option:selected", $(this)).val();
		if (sectionKyokuKey == -1) {
			//$("#result").html("");
			return;
		}
		$(".selectbu").append("<option value='-1' selected='selected'>部を選択してください。</option>");
		for (var i in all_data){
			var parent_c_c = sectionKyokuKey;
			if (all_data[i].ispartof === parent_c_c){
				$(".selectbu").append("<option value='"+ all_data[i].id +"'>" + all_data[i].label + "</option>");
			}
		}
	});

//部が選択、変更された時の処理
	$(".selectbu").change(function() {
		//課、詳細データのリセット
		$(".selectka").empty();
		$("#result").empty();
		//選択された部管轄の課を表示
		var sectionBuKey = $("option:selected", $(this)).val();
		if (sectionBuKey == -1) {
			//$("#result").html("");
			return;
		}
		$(".selectka").append("<option value='-1' selected='selected'>課を選択してください。</option>");
		for (var i in all_data){
			var parent_c_c_c = sectionBuKey;
			if (all_data[i].ispartof === parent_c_c_c){
				$(".selectka").append("<option value='"+ all_data[i].id +"'>" + all_data[i].label + "</option>");
			}
		}
	});
	
	//課が選択、変更された時の処理
	$(".selectka").change(function() {
		//詳細データのリセット
		$("#result").empty();
		
		//選択された課の詳細データの表示
		var sectionKaKey = $("option:selected", $(this)).val();
		if (sectionKaKey == -1) {
			//$("#result").html("");
			return;
		}
		$("#result").append("<div style='padding-left:30px;'>詳細データ</div>");
		for (var i in all_data){
			var detail_c = sectionKaKey;
			if (all_data[i].id === detail_c){
				$("#result").append("<div style='padding-left:30px;'>TEL:" + all_data[i].tel + "</div>");
				$("#result").append("<div style='padding-left:30px;'>FAX:" + all_data[i].fax + "</div>");
				$("#result").append("<div style='padding-left:30px;'>Mail:" + all_data[i].mail + "</div>");
				$("#result").append("<div style='padding-left:30px;'>HP:" + all_data[i].homepage + "</div>");
			}
		}
	});
}