Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

京都が出てくる山村美紗作品をカーリル

fullscreen

京都が出てくる山村美紗作品のデータをスマホで閲覧しやすいようにリスト表示にして、カーリルで図書館検索できるようにしました。 ?subject=でキーワードをつけると赤でハイライトされます。例 http://app.linkdata.org/run/app1s774i?subject=殺人

1

Rating

useful

1

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

/*
京都が出てくる本をカーリル
カーリルをタイトル検索するようにプログラムを改造しています。
*/

window.onload = function() {
	var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject="
	var list = ""; // list to be displayed
	// Work loop
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		$("#result").append("<h3>" + LinkData.getWorkName(workValue) + "</h3>");
		// File loop
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			var hit = ""; // list of subjects whose URI matches keyword
			var nHit = 0; // number of subjects whose URI matches keyword
			list += "<hr><h4>Viewing file: " + fileValue + "</h4>";
			// Subject loop
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				var longitude = null;
				var latitude = null;
				var s = "<hr>"; // subject to be displayed
//改造：サブジェクトリンクは表示せず				s += "<hr><a href=\"" + subjValue + "\" target=\"_top\"><span class=\"subject\">" + highlight(decodeURIComponent(subjValue), keyword) + "</span></a>";
				$.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) {
					var prop = tripleValue.property;
					var obj = tripleValue.object;
/*カーリル検索*/		if ( getLastName(prop) == "title" ) s += "<a href=\"http://calil.jp/search?q=" + obj + "\">図書館検索（カーリル）</a>"
	/*表紙画像挿入*/		if ( getLastName(prop) == "ISBN" )
							s += obj + "<br><img src=\"http://images-jp.amazon.com/images/P/" + obj.replace(/-/g,"") + ".09.LZZZZZZZ\">";
					if ( prop == "http://www.w3.org/2003/01/geo/wgs84_pos#long" ) longitude = obj;// longitude found
					if ( prop == "http://www.w3.org/2003/01/geo/wgs84_pos#lat" ) latitude = obj;// latitude found
					if ( obj.indexOf("://www.youtube.com") != -1 && obj.indexOf("v=") != -1 ) { // Insert YouTube Thumbnail
						videoId = (obj.split("v=")[1]).split("&")[0]; // get video id
						obj = "<a href=\"" + obj + "\" target=\"_blank\"><span class=\"object\">" + highlight(decodeURIComponent(obj), keyword) + "<br><img src=\"http://img.youtube.com/vi/" + videoId + "/mqdefault.jpg\" alt=\"YouTube video\" /><br></span></a>";
						}
						else if ( obj.indexOf("http") == 0 ) {
							if ((obj.indexOf(".jpg" )>0 || obj.indexOf(".gif" )>0 || obj.indexOf(".png" )>0) || (obj.indexOf(".JPG" )>0 || obj.indexOf(".GIF" )>0 || obj.indexOf(".PNG" )>0)) // insert image
								 obj = "<a href=\"" + obj + "\" target=\"_blank\"><span class=\"object\">" +shortenURL(obj) + "<br><img src=\"" + obj + "\" alt=\"image\" /><br></span></a>";
							else
								obj = "<a href=\"" + obj + "\" target=\"_blank\"><span class=\"object\">" + shortenURL(obj) + "</span></a>"; // Make it clicable if it starts from http
					}
					else
						obj = "<span class=\"object\">" + highlight(obj, keyword) + "</span>";
					s += "<br><span class=\"propertyName\">" + getLastName(prop) + ":\t</span>" +  obj;
				});
				if ( latitude != null && longitude != null ) s += addLinkToMap( latitude, longitude );
				list += s; //add to the list to be displayed
				if ( subjValue == keyword ) { // found subject whose URI matches keyword
					hit += s;
					nHit++;
				}
				//link to map display if coordinates exist
			});
			if ( nHit > 0 ) {
				if ( nHit == 1 )
					$("#result").append( "<hr><h4>" + "1 subject hit in file: "+fileValue+"</h4>" );
				else
					$("#result").append( "<hr><h4>" + nHit + " subjects hit in file: "+fileValue+"</h4>" );
				$("#result").append( hit + "<br><br>" );
			}
		});
	});
	$("#result").append( list );
	window.find(highlight);
};

// Get a parameter value in URL (e.g. ?paramString=value )
function getParameterFromURL( paramString )
{			
	var value = "";
	var topWindow = top.window.location.search;
	if( topWindow ){
		var q = decodeURIComponent(topWindow.substring(1,topWindow.length)).split("&");
		for ( var i = 0; i < q.length; i++ ){
			var r = q[i].split("=");
			if ( r[0] ==  paramString )
				value = r[1];
		}
	}
 	return value;
}

// Highlight keyword in the string
function highlight( string, keyword )
{
	if ( keyword.length > 0 ) {
		var ss = string.split(keyword);
		var len = ss.length;
		if ( len > 1 ) {
			string = ss[0];
			for ( i = 1; i < len; i++ )
//				string += "<font color=\"red\">"+keyword+"</font>"+ss[i];
				string += "<span class=\"highlight\">"+keyword+"</span>"+ss[i];
		}
	}
	return string;
}

// get the last name of the string separated with # and /
function getLastName( string )
{
	string = decodeURIComponent(string);
	var sharp = string.split("#");
	var slash = sharp[sharp.length-1].split("/");
	var lastName = slash[slash.length-1];
	return lastName;
}

// return a link to Google map search
function addLinkToMap( latitude, longitude )
{
	var s = "<br><a target=\"_blank\" href=\"http://www.google.com/maps/?q=" + latitude + "," + longitude + "\">Show map</a>";
	return s;
}

// shortening URL e.g. http://.../123.jpg
function shortenURL( url )
{
	url = decodeURIComponent(url);
	var slash = url.split("/");
	var lastName = slash[slash.length-1];
	return url.split(":")[0]+"://.../"+lastName;
}

Fork this app as your new one download

Contributor Send Message	Tetsuro_Toyoda
Forked from (Parent App)	Tetsuro_Toyoda 's 京都が出てくる本をカーリル
Run count	309
Website
License
Fork count	0
Created date	Dec 4, 2014
Last update date	Dec 6, 2014

Forked from (Parent App)

京都が出てくる本をカーリル Contributor: Tetsuro_Toyoda Update: Dec 6, 2014 436 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: libmaro Update: Aug 26, 2019
443 Downloads
,

1 Applications

kyotobook_list_yamamuramisa
Add New Data

News Feed

linkdata.org に関するツイート