Language
Login
Language Setting
X
English
日本語 [Japanese]
about this App
外部SPARQLを利用するための「ひな形」アプリ
useful
4
Loading...
$(window).load(function() { sparql = new Sparql(); //SPARQL検索の実行 $('#find_query').click(function(){ var endpoint = $('#endpoint_url').val(); sparql.endpoint = {"endpoint": endpoint, "namespaces": ""}; sparql.findByQuery($('#query_area').val().replace(/[\n\r]/g,"")); }); $('#result_div').hide(); init(); }); function init(){ // Servletサーバアドレス sparql.server = "http://lod.hozo.jp"; // 検索対象エンドポイント(途中での改行は不可) var endpoint = $('#endpoint_url').val(); sparql.endpoint = {"endpoint": endpoint, "namespaces": ""}; //結果表示処理を行う関数を指定 sparql.result_func = result_table; sparql.init(); } //結果表示用の関数 function result_table(data){ var result_div = $('#result_div'); var table = $('#result_list')[0]; if (table == undefined) { result_div.append($('<table border="1"></table>').attr({ 'id' : 'result_list', 'class' : 'table' })); table = $('#result_list')[0]; } while (table.rows.length > 0) { table.deleteRow(0); // 行を追加 } if (data instanceof Array) { result_div.show(); // ヘッダ var header = table.createTHead(); // 行を追加 var headerRow = header.insertRow(0); id = 1; for (var d = 0; d < data.length; d++) { var row1 = table.insertRow(d + 1); // 行を追加 if (d == 0) { for ( var key in data[0]) { var th = document.createElement('th'); var label = key; th.innerHTML = key; headerRow.appendChild(th); } } var i = 0; // ID for ( var key in data[d]) { var cell = row1.insertCell(i++); // 2つ目以降のセルを追加 var value = data[d][key]; if (value.uri != undefined){ value = value.uri; } if (value == null) { value = ''; } var link = true; if (link) { if (value != null && value.indexOf("http://") == 0) { value = '<a href="'+value+'" target="_blank">' + value + '</a>'; } } cell.innerHTML = value; } } } };
.popup { width:800px; background-color:rgb(255, 255, 255); border:outset 2px; position:absolute; z-index:1000; } .quote { border:solid 2px; }
<!--<div id="result"></div>--> <div id="container"> <div id="header"> <h2 style="background-color: #99cc00">SPARQL利用の簡易サンプル</h2> </div> <div id="right" class="right"> <div>利用するSPARQLエンドポイント<br> <input type="text" id="endpoint_url" size="60" value="http://lod.hozo.jp/repositories/OsakaCityMap" /> <br> SPARQLクエリ<br> <textarea id="query_area" cols="60" rows="10">select * {?s ?p ?o} LIMIT 100</textarea> <input type="button" id="find_query" value="query"/> </div> <!-- 結果ペイン --> <div id="result_div" class="table_parent"> </div> </div> </div>
Preview
Input Data
ReadMe
Snapshots
This application does not using any data or contains private/limited data.
Link http://app.linkdata.org/run/app1s585i?tab=readme
http://code.jquery.com/jquery-1.10.2.min.js
http://lod.hozo.jp/SparqlFinder/js/sparql.js
http://code.jquery.com/ui/1.10.3/jquery-ui.min.js
Work
Add
Clear
insert work id or work name.