Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

横浜の動物園検索アプリ

fullscreen

横浜の動物園検索アプリ

7

Rating

useful

6

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

var LV = LV || {};
// ※テーブルの項目名とプロパティの対応の設定
LV.property = [
	["名称","名称"],
	["住所","住所"],
	["緯度","http://www.w3.org/2003/01/geo/wgs84_pos#lat"],
	["経度","http://www.w3.org/2003/01/geo/wgs84_pos#long"],
	["詳細", "詳細"],
	["電話番号","電話番号"]
]
window.onload = function() {
	$("#result").append("<table class='display' id='data_list'></table>" );
	var colList=[];
	$('#data_list').dataTable({
		"aoColumns": setColName(colList),
		"asSorting": [[0,"desc"]],
		"bJQueryUI": true,
		"bAutoWidth": false,
		"bJQueryUI": true,
		
		/* 空の値が来たらハイフン表示（alert対策） */
		"columnDefs": [{
   			 "defaultContent": "-",
			"targets": "_all"
		}],
		/* 日本語化 */
		"language": {
  			"emptyTable" : "データが登録されていません。",
  			"info" : "_TOTAL_ 件中 _START_ 件から _END_ 件までを表示",
			"infoEmpty" : "",
			"infoFiltered" : "(_MAX_ 件からの絞り込み表示)",
			"infoPostFix" : "",
			"thousands" : ",",
			"lengthMenu" : "1ページあたりの表示件数: _MENU_",
			"loadingRecords" : "ロード中",
			"processing" : "処理中...",
			"search" : "検索：",
			"zeroRecords" : "該当するデータが見つかりませんでした。",
			"paginate" : {
				"first" : "先頭",
				"previous" : "前へ",
				"next" : "次へ",
				"last" : "末尾"
			}
		}

});
	
	/* LinkDataからデータを取得 */
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		var propList = stringToUri(LV.property, workValue);
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				var dataList = [];
				
				/* その他の列のデータを取得 */
				$.each( LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
					$.each (propList, function(i, propUri){
						if (propUri == propValue) {
							var objList = [];
							$.each( LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objkey, objValue) {
								objList.push(objValue);
							});
							dataList[i] = objList.toString();
						}
					});
				});
				/* テーブルにデータを追加 */
				$('#data_list').dataTable().fnAddData(dataList);
			});
		});
	});
}
/* プロパティがリテラルで指定された場合にURIに変換 */
function stringToUri (p, workId) {
	var arr = [];
	$.each (p, function(){
		if(this[1].indexOf("http") != 0){
			arr.push("http://linkdata.org/property/" + workId + "#" + encodeURIComponent(this[1]));
		} else {
			arr.push(this[1]);
		}
	})
	return arr;
}
/* カラム名を設定 */
function setColName(arr) {
	$.each(LV.property, function(){
		var col = {};
		col.sTitle = this[0];
		arr.push(col);
	})
	return arr;
}

Initial content

Fork this app as your new one download

Contributor Send Message	中山碧
Forked from (Parent App)	中山碧 's あおいのプール検索アプリ
Run count	168
Website
License
Fork count	1
Created date	Sep 17, 2017
Last update date	Sep 17, 2017

Forked from (Parent App)

あおいのプール検索アプリ Contributor: 中山碧 Update: Sep 3, 2017 358 runs

Forked (Child App)

3ｄｓのソフト大百科 Contributor: 金皓然 Update: Sep 18, 2017 240 runs

Input Data
Related Ideas

LinkData work list used as input data in this application.
You can change input data and execute application if you change the checkbox.

横浜の動物園 Contributor: 中山碧 Update: Sep 17, 2017
75 Downloads
,

1 Applications

yokohamazoo
Add New Data

News Feed

linkdata.org に関するツイート