root/SPARQLBuilderWWW/web/dist.html @ 230

リビジョン 230, 3.4 KB (コミッタ: kozaki, 10 年 前)

検索結果のCSVダウンロード
ページ上部のロゴを追加

  • 属性 svn:mime-type の設定値 text/plain
Rev行番号 
[209]1<html>
2<head>
3<!--
4<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
5<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
6-->
7<script src="./jquery-1.11.1.min.js"></script>
8<script src="./d3.v3.min.js" charset="utf-8"></script>
[224]9<script src="./sparqlbuilder.js"></script>
[230]10<script type="text/javascript" src="http://uedayou.net/SPARQLTimeliner/js_sparql/sparql.js" charset="UTF-8"></script>
[224]11<!-- script src="./sb-test.js"></script -->
[216]12<script>
[225]13<!--
[216]14function sendSPARQL(){
15        var ep = $("*[name=selectendpoint]").val();
16
17        if(ep == "input"){
18                ep = $("*[name=inputendpoint]").val();
19        }
20
21        var query = $("*[name=sparql]").val();
22
23        query = encodeURIComponent(query);
24
25        openpage = ep + "?format=text%2Fhtml&query=" + query;
26
27        window.open(openpage);
28}
[223]29
30function trySample(sparql){
31    var sb = new SPARQLBuilder('sparql');
[225]32    sb.loadSamplePathList();
33
34    $('#seclass').on('epcomplete', function(){
[223]35        $('#EndPointSelect').val('http://www.ebi.ac.uk/rdf/services/reactome/sparql');
36        sb.changeEndPoint();
37    });
[225]38
39    $('#seclass').on('secomplete', function(){
[223]40        $('#StartClassSelect').val('http://www.biopax.org/release/biopax-level3.owl#Protein');
41        $('#EndClassSelect').val('http://www.biopax.org/release/biopax-level3.owl#Pathway');
42    });
43}
44
[230]45function sendSPARQL2(){
46        var ep = $("*[name=selectendpoint]").val();
47
48        if(ep == "input"){
49                ep = $("*[name=inputendpoint]").val();
50        }
51
52        var query = $("*[name=sparql]").val().replace(/[\n\r]/g,"");
53
54        //query = encodeURIComponent(query);
55       
56                qr = sendQuery(ep,query);
57       
58                qr.fail(
59                        function (xhr, textStatus, thrownError) {
60                                alert("Error: A '" + textStatus+ "' occurred.");
61                        }
62                );
63                qr.done(
64                        function (d) {
65                                download_result(d.results.bindings);
66                        }
67                );
68}
69
70function download_result(data){
71
72        if (data instanceof Array) {
73                var result_txt ="";
74       
75                var i=0;
76                for ( var key in data[0]) {
77                        if(i>0){result_txt +=",";}
78                        result_txt += key;
79                        i++;
80                }
81               
82                result_txt += "\n";
83
84                for (var d = 0; d < data.length; d++) {
85                        var i = 0;
86                        for ( var key in data[d]) {
87                                if(i>0){result_txt +=",";}
88                                result_txt += data[d][key].value;
89                                i++;
90                        }
91                        result_txt += '\n';
92                }
93       
94                var blob = new Blob( [result_txt], {type: 'text/plain'} )
95
96                var link = document.createElement('a')
97                link.href = URL.createObjectURL(blob)
98                link.download = 'result' + '.csv'
99
100                document.body.appendChild(link) // for Firefox
101                link.click()
102                document.body.removeChild(link) // for Firefox
103        }
104};
105
106
[216]107-->
108</script>
[209]109<link rel="stylesheet" href="./sparqlbuilder.css" type="text/css" />
110</head>
111<body>
[230]112<div id="sbtop"><img src="http://www.sparqlbuilder.org/img/sblogo.png"></div>
113
[209]114    <div>
115        <form>
[223]116            <input type="button" id="create" value="Start SPARQLBuilder" onclick="new SPARQLBuilder('sparql'); return false;"/>
117            <input type="button" id="create" value="Try with Sample" onclick="trySample('sparql'); return false;" />
[209]118            <br/>
[216]119            <textarea id="sparql" name="sparql" cols="60" rows="10"></textarea><br/>
[230]120            <input type="button" name="sendsparql" value="Send SPARQL" onClick="sendSPARQL()">
121            <input type="button" name="sendsparql" value="Download Result" onClick="sendSPARQL2()"><br/>
[209]122        </form>
123    </div>
[223]124    <div id="searchResult"></div>
[209]125</body>
[223]126</html>
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。