Language
ログイン
言語設定
X
English
日本語 [Japanese]
オープンデータを使ってアプリを作ろう
アプリケーションの作成と公開をサポートするサイト
お問い合わせ
HOME
チュートリアル
アプリ新規作成
アプリのFork
公開アプリ一覧
アプリ作品の情報
検索
逆マッシュアップ
写真
データテーブル
画像
ソート&検索可能なデータテーブル
fullscreen
Sayoko Shimoyama
検索や昇順/降順ソートができるデータテーブルです。 逆マッシュアップ(プログラムはそのままでデータを入れ替えて新しいアプリを作る手法)に対応しています。
24
評価指数
いいね!
3
Loading...
このアプリ作品で使われているデータと同じ形式のデータを作成し、このアプリに適用することができます。
ひな形として使うファイルをリストから選択し、"Create Templete"をクリックして下さい。
アプリケーション
fullscreen
play
stop
reload
Play
JavaScript
CSS
HTML
概要
保存した実行結果
ソート&検索可能なデータテーブル
https://cdn.datatables.net/s/zf-5.5.2/jqc-1.11.3,dt-1.10.10/datatables.min.js
ソート&検索可能なデータテーブル
https://cdn.datatables.net/s/zf-5.5.2/jqc-1.11.3,dt-1.10.10/datatables.min.css
ソート&検索可能なデータテーブル
ソート&検索可能なデータテーブル
ソート&検索可能なデータテーブル
var LV = LV || {}; // ※表示タイトル LV.title = "オープンデータソフトクリームデータベース"; // ※テーブルの項目名とプロパティの対応の設定 LV.property = [ ["ID", "0"], /* 必須 */ ["名称", "http://www.w3.org/2000/01/rdf-schema#label"], ["コメント", "http://purl.org/dc/elements/1.1/description"], ["価格(円)", "http://schema.org/price"], ["購入場所", "http://schema.org/address"], ["経度", "http://www.w3.org/2003/01/geo/wgs84_pos#long"], ["緯度", "http://www.w3.org/2003/01/geo/wgs84_pos#lat"], ["画像URL", "http://schema.org/image"], ["元の投稿", "http://purl.org/dc/elements/1.1/source"], ["投稿日", "http://schema.org/datePublished"] ] window.onload = function() { $("#result").append("<h1>" + LV.title + "</h1>"); $("#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 = []; /* ID列のデータ取得 */ var sharp = decodeURIComponent(subjValue).split("#"); var slash = sharp[sharp.length-1].split("/"); var id = slash[slash.length-1]; dataList[0] = id; /* その他の列のデータを取得 */ $.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+1] = addHtml(objList.toString()); } }); }); /* テーブルにデータを追加 */ $('#data_list').dataTable().fnAddData(dataList); }); }); }); } /* プロパティがリテラルで指定された場合にURIに変換 */ function stringToUri (p, workId) { var arr = []; $.each (p, function(){ if(this[1] != 0) { 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; } /* データの値がURLの場合の処理 */ function addHtml(str) { if (str.indexOf("http") == 0) { if ((str.indexOf(".jpg" )>0 || str.indexOf(".gif" )>0 || str.indexOf(".png" )>0) || (str.indexOf(".JPG" )>0 || str.indexOf(".GIF" )>0 || str.indexOf(".PNG" )>0)) { str = '<img src="' + str + '" />'; } else { str = '<a href="' + str + '" target="_blank">' + str + '</a>'; } } return str; }
#result { margin: 10px; } #result h1 { background: #008cba none repeat scroll 0 0; color: #fff; font-size: 200%; padding: 10px; } #result img { max-width: 200px; max-height: 200px; }
<div id="result"></div>
Initial content
https://cdn.datatables.net/s/zf-5.5.2/jqc-1.11.3,dt-1.10.10/datatables.min.js
このアプリをForkして新しいアプリを作る
ダウンロード
Fork元のアプリは更新されました.
>>see
アプリは更新されました.
>>see
ツイート
このアプリ作品をwebから探す
作者
メッセージ送信
Sayoko Shimoyama
Fork元のアプリ
Shinichiro Segami
's
トマト生産農家と品種の関係閲覧システム
実行回数
694
ウェブサイト
ライセンス
Fork count
13
作成日
2016年1月11日
最終更新日
2016年1月12日
Fork元のアプリ
トマト生産農家と品種の関係閲覧システム
作者: Shinichiro Segami
更新日: 2016年1月12日
651 回実行
Forkして作られたアプリ
ジブリ映画まとめ
作者: も
更新日: 2022年6月23日
230 回実行
カフェ ランキング
作者: Ebiebi
更新日: 2022年6月16日
116 回実行
敦賀市のごみ分別表 令和2年度版
作者: GD_WING
更新日: 2020年4月25日
388 回実行
仮面ライダービルド 音楽検索システム
作者: 機神飛柊
更新日: 2020年2月20日
167 回実行
仮面ライダー電王スペック表
作者: 機神飛柊
更新日: 2020年2月3日
145 回実行
平成仮面ライダー主題歌検索
作者: 機神飛柊
更新日: 2020年1月22日
186 回実行
横浜家系ラーメンにこだわったアプリ
作者: タケピー
更新日: 2018年12月19日
711 回実行
オープンデータカタログ(サンプル)
作者: Sayoko Shimoyama
更新日: 2018年2月28日
479 回実行
日本のクラフトビール醸造所
作者: えちごやえちぜん
更新日: 2017年10月9日
273 回実行
forked:ソート&検索可能なデータテーブル
作者: 太田朔久
更新日: 2017年10月8日
187 回実行
横浜市のオープンデータ一覧表示アプリ
作者: Sayoko Shimoyama
更新日: 2016年3月31日
274 回実行
forked:ソート&検索可能なデータテーブル
作者: Toshinori ARIGA
更新日: 2016年1月27日
163 回実行
札幌市内主要観光地の対訳データベース
作者: Sayoko Shimoyama
更新日: 2016年1月25日
287 回実行
"
" コミュニティへの投稿が完了しました。投稿したアプリ作品は、コミュニティ管理者によって承認されるとコミュニティに公開されます。
エントリー先のコミュニティとカテゴリ名を選択し、「エントリー」ボタンをクリックして下さい。
チュートリアル
アプリ作品の削除をする場合は削除をクリックしてください
送信者
名前
*
E-mail
*
件名
*
メッセージ
*
アクセス認証
*
送信
キャンセル
入力データ
関連アイデア
このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。
オープンデータソフトクリーム
作者: Sayoko Shimoyama
更新日: 2021年11月11日
2344 ダウンロード
,
13 アプリケーション
OpenDataSoftCream
自分のデータを入力する
このアプリを引用して作られたアイデア
#オープンデータソフトクリーム による地域資源のPR
作者: Sayoko Shimoyama
更新日: 2016年1月30日
評価指数: 5
アイデアを作成
ニュースフィード
linkdata.org に関するツイート