root/SPARQLBuilderWWW/web/jsgui.html @ 187

リビジョン 185, 34.8 KB (コミッタ: lenz, 11 年 前)

途中まで同じパスがあった場合にまとめる機能のバグを改修
行番号 
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<title>SPARQL Builder GUI</title>
6
7<style>
8
9.link {
10  stroke: #999;
11  stroke-opacity: .6;
12}
13.tlink {
14  stroke: #999;
15  stroke-opacity: .6;
16}
17
18#showpath {
19        position: absolute;
20        width: 200px;
21        height: auto;
22        padding: 15px;
23        -webkit-border-radius: 20px;
24        border-radius: 20px;
25        -webkit-box-shadow: 0px 0px 10px #000000;
26        box-shadow: 0px 0px 10px #000000;
27        background-image: -moz-linear-gradient(top, #eeeeff, #ffffff);
28        background-image: -ms-linear-gradient(top, #eeeeff, #ffffff);
29        background-image: -o-linear-gradient(top, #eeeeff, #ffffff);
30        background-image: -webkit-gradient(linear, center top, center bottom, from(#eeeeff), to(#ffffff));
31        background-image: -webkit-linear-gradient(top, #eeeeff, #ffffff);
32        background-image: linear-gradient(top, #eeeeff, #ffffff);
33        -webkit-background-clip: padding-box;
34        background-clip: padding-box;
35}
36
37</style>
38
39<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
40<script type="text/javascript" src="d3.min.js"></script>
41<!--<script type="text/javascript" src="http://lod.hozo.jp/SparqlFinder/js/template.js" charset="UTF-8"></script>-->
42<script>
43<!--
44
45// SETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURL
46// SETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURL
47
48// 隱ｭ縺ｿ霎ｼ縺ｿ譎ゅ↓螳溯｡後€ゅお繝ｳ繝峨�繧､繝ｳ繝医�繝ｪ繧ｹ繝医ｒ騾壼ｸｸ縺ｮ驟榊�縺ｧ霑斐＆繧後ｋ縺薙→縺ｧ蛻昴ａ縺ｮ驕ｸ謚櫁い縺ｫ謖ｿ蜈･
49var getEndPointsURL = "eplist";
50
51// 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医′驕ｸ謚槭＆繧後◆繧峨◎縺ｮURL繧弾p縺ｨ縺�≧蜷榊燕縺ｧ騾∽ｿ｡縲√け繝ｩ繧ｹ繝ｪ繧ｹ繝医ｒ騾壼ｸｸ縺ｮ驟榊�縺ｧ霑斐＆繧後ｋ縺薙→縺ｧ繧ｯ繝ｩ繧ｹ縺ｮ驕ｸ謚櫁い縺ｫ謖ｿ蜈･
52var getClassListURL = "clist";
53
54// 繧ｯ繝ｩ繧ｹ莠後▽縺碁∈謚槭＆繧後◆繧峨◎縺ｮ繧ｯ繝ｩ繧ｹ蜷阪ｒstartclass縲‘ndclass縺ｨ縺�≧蜷榊燕縺ｧ縺昴ｌ縺槭ｌ騾∽ｿ｡縲√◎縺ｮ莠後▽繧堤ｵ舌�繝代せ縺ｮ繝ｪ繧ｹ繝医ｒJSON蠖｢蠑上�繝�く繧ｹ繝医〒霑斐＆繧後ｋ縺薙→縺ｧ縺昴ｌ繧偵げ繝ｩ繝輔↓謠冗判
55var getPathListURL = "plist";
56
57// 繝代せ縺碁∈謚槭＆繧後◆繧泳sonpath縺ｨ縺�≧蜷榊燕縺ｧ繝代せ繧帝€壼ｸｸ縺ｮ驟榊�縺ｧ騾∽ｿ｡縲ヾPARQL繧ｯ繧ｨ繝ｪ繧偵ユ繧ｭ繧ｹ繝医〒蜿励￠蜿悶ｊ繝�く繧ｹ繝医お繝ｪ繧｢縺ｫ謖ｿ蜈･
58var getSPARQLURL = "sparql";
59
60// 縺ｧ縺阪≠縺後▲縺欖PARQL繧帝€∽ｿ｡縺吶ｋURL�域悴螳溯｣�ｼ�
61
62// SETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURL
63// SETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURLSETURL
64
65
66// 騾√ｉ繧後◆繝代せ縺ｮ菫晏ｭ伜�
67var jsontext = "";
68// 霑斐☆繝代せ縺ｮ繧ｪ繝悶ず繧ｧ繧ｯ繝�
69var pathobj = [];
70// 陦ｨ遉ｺ縺吶ｋ繝代せ縺ｮ謨ｰ
71var pathlimit = 10;
72
73// 騾√ｉ繧後◆繝代せ縺ｮ謨ｰ
74var PATHNUM = 0;
75// 騾√ｉ繧後◆繝代せ縺ｮ譛€螟ｧ豺ｱ縺�
76var MAXDEPTH = 0;
77// 繝代せ縺ｮ繝弱�繝蛾俣菴咏區
78var TREESPACE = 0;
79// 繝代せ髢薙�荳贋ｸ倶ｽ咏區
80var DRAWHEIGHT = 0;
81// 繝弱�繝峨�螟ｧ縺阪＆
82var NODEHEIGHT = 50;
83// 繝��繝ｫ繝√ャ繝励ｒ髫縺吶◆繧√�蜍輔″蛻､螳夂畑
84var MOUSEMOVED = 0;
85
86
87// 髢九＞縺溘ｉ蜷�ｨｮ繧､繝ｳ繧ｿ繝ｼ繝輔ぉ繝ｼ繧ｹ驛ｨ蜩√�繧ｵ繧､繧ｺ繧貞､画峩縲√お繝ｳ繝峨�繧､繝ｳ繝井ｸ€隕ｧ繧貞叙蠕励＠繧ｻ繝�ヨ
88$(window).load(function() {
89
90        // 荳企Κ繝｡繝九Η繝ｼ縺ｮ蟷�ｼ育判髱｢繧ｵ繧､繧ｺ縺ｨ蜷後§��
91        var menuwidth = window.innerWidth + "px";
92        // 荳企Κ繝｡繝九Η繝ｼ蟾ｦ蛛ｴ驛ｨ蛻�ｼ亥�蜉帶ｬ�ｼ峨�繧ｵ繧､繧ｺ
93        var inputswidth = ((window.innerWidth - 100) / 2) + "px";
94        // 縺昴ｌ縺槭ｌ縺ｫ繧ｻ繝�ヨ
95        document.getElementById("menu").style.width = menuwidth;
96        document.getElementById("ajaxload").style.width = menuwidth;
97        document.endpoint.selectendpoint.style.width = inputswidth;
98        document.seclass.startclass.style.width = inputswidth;
99        document.seclass.endclass.style.width = inputswidth;
100        document.path.sparql.style.width = inputswidth;
101        document.path.sendsparql.style.width = inputswidth;
102        // 繧ｰ繝ｩ繝墓緒逕ｻ驛ｨ蛻�ｒ荳企Κ繝｡繝九Η繝ｼ逶ｴ蠕後↓謗･縺吶ｋ繧医≧縺ｫ險ｭ螳�
103        document.getElementById("graph").style.top = document.getElementById("menu").offsetHeight + "px";
104        document.getElementById("ajaxload").style.height = document.getElementById("menu").offsetHeight + "px";
105
106        ajaxload("view");
107        // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝井ｸ€隕ｧ繧貞叙蠕励＠繧ｻ繝�ヨ
108        $.ajax({
109                type: "GET",
110                url : getEndPointsURL,
111                dataType: 'json',
112                success : function(data) {
113                        setEndpoints(data);
114                        ajaxload("hide");
115                },
116                error : function(XMLHttpRequest, textStatus, errorThrown) {
117                        alert("繝ｪ繧ｯ繧ｨ繧ｹ繝域凾縺ｫ縺ｪ繧薙ｉ縺九�繧ｨ繝ｩ繝ｼ縺檎匱逕溘＠縺ｾ縺励◆�� + textStatus +":\n" + errorThrown);
118                        ajaxload("hide");
119                }
120        });
121
122});
123
124function ajaxload(mode){
125        if(mode == "view"){
126                document.getElementById("ajaxload").style.display = "block";
127        }else{
128                document.getElementById("ajaxload").style.display = "none";
129        }
130}
131
132// 謠冗判蜃ｦ逅�
133function view_map(){
134
135        // make_data繝｡繧ｽ繝�ラ縺ｮ邨先棡繧貞叙蠕�
136        var json = make_data(0);
137
138        // SVG縺悟ｭ伜惠縺吶ｋ縺ｪ繧峨�蜑企勁
139        if (d3.select("#graph").select("svg")) {
140                d3.select("#graph").select("svg").remove();
141        }
142
143        if(json['nodes'].length != 0){
144
145                // 蜃ｺ譚･荳翫′縺｣縺溽ｵ先棡繧呈ｸ｡縺励※繝槭ャ繝嶺ｸ翫�繝ｭ繧ｱ繝ｼ繧ｷ繝ｧ繝ｳ繧偵そ繝�ヨ
146                set_map_location(0, json['nodes'], json['links']);
147
148                // SVG縺ｮ蟷�→鬮倥＆繧定ｨｭ螳夲ｼ亥ｹ�ｼ夂判髱｢縺�▲縺ｱ縺�€€鬮倥＆�壹ヱ繧ｹ縺ｮ謨ｰ縺ｫ蠢懊§險ｭ螳夲ｼ�
149                var width = window.innerWidth;
150                var height = ((NODEHEIGHT * 1.5) * PATHNUM) + (NODEHEIGHT / 2);
151
152                // 繧ｫ繝ｩ繝ｼ繧貞叙蠕�
153                var color = d3.scale.category20();
154
155                // 逕ｻ髱｢繧ｵ繧､繧ｺ縺ｫ蜷医ｏ縺婀VG縺ｮ霑ｽ蜉
156                var svg = d3.select("#graph").append("svg")
157                        .attr("width", width)
158                        .attr("height", height);
159
160                // 閭梧勹縺ｮ霑ｽ蜉
161                var bg = svg
162                        .append("rect")
163                        .attr("x", 0)
164                        .attr("y", 0)
165                        .attr("width", width)
166                        .attr("height", height)
167                        .attr("fill", "#fafafa");
168
169                // links驟榊�繧呈ｸ｡縺励Μ繝ｳ繧ｯ縺ｮ菴懈�
170                var link = svg.selectAll(".link")
171                        .data(json.links)
172                        .enter().append("line")
173                        .attr("class", "link")
174                        .style("stroke-width", function(d) { return Math.sqrt(d.value);});
175
176                // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨�菴懈�
177                var node = svg.selectAll(".node")
178                        .data(json.nodes)
179                        .enter().append("circle")
180                        .attr("class", "node")
181                        .attr("r", (NODEHEIGHT / 2))
182                        .attr("cx", function(d) { return d.x;} )
183                        .attr("cy",  function(d) { return d.y; })
184                        .style("stroke", function(d) { return '#fafafa'; })
185                        .style("stroke-width", function(d) { return '1.5px'; })
186                        .style("fill", function(d) { return color(d.group); })
187                        .style("cursor", function(d) { return 'pointer'; });
188
189                // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医�菴懈�
190                var tnode = svg.selectAll("text.node")
191                        .data(json.nodes)
192                        .enter().append("svg:text")
193                        .attr("class", "tnode")
194                        .attr("x", function(d) { return d.x; })
195                        .attr("y", function(d) { return d.y; })
196                        .text(function(d) { return d.name; })
197                        .style("fill", function(d) { return '#000000'; })
198                        .style("text-anchor", function(d) { return 'middle'; })
199                        .style("pointer-events", "none");
200
201                // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医�菴懈�
202                var tlink = svg.selectAll("text.link")
203                        .data(json.links)
204                        .enter().append("svg:text")
205                        .attr("class", "tlink")
206                        .attr("x", function(d) { return (json.nodes[d.source].x + json.nodes[d.target].x) / 2; })
207                        .attr("y", function(d) { return (json.nodes[d.source].y + json.nodes[d.target].y) / 2; })
208                        .style("fill", function(d) { return '#000000'; })
209                        .style("text-anchor", function(d) { return 'middle'; });
210
211                // 繝弱�繝峨∈縺ｮ繧ｪ繝ｳ繝槭え繧ｹ縺ｧ繝代せ謗｢邏｢縲√ヱ繧ｹ荳ｭ縺ｮ繝ｪ繝ｳ繧ｯ譁�ｭ励ｒ陦ｨ遉ｺ
212                node.on("mouseover", function(d){
213
214                        // 繝槭え繧ｹ縺ｮ蜍輔″繧ｫ繧ｦ繝ｳ繝医ｒ繝ｪ繧ｻ繝�ヨ
215                        MOUSEMOVED = 0;
216
217                        // 陦ｨ遉ｺ縺吶ｋ繝代せ菫晏ｭ倡畑驟榊�
218                        var path = [];
219                        // 繝��繝ｫ繝√ャ繝励∈縺ｮ蜷榊燕陦ｨ遉ｺ逕ｨ驟榊�
220                        var pathname = [];
221
222                        // 繝ｫ繝ｼ繝医ヮ繝ｼ繝我ｻ･螟悶↑繧�
223                        if(d.nodeid != 0){
224                                // 縺ｾ縺壹が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�id縺ｨ蜷榊燕繧偵◎繧後◇繧瑚ｿｽ蜉
225                                path.push(d.nodeid);
226                                pathname.push(d.name);
227
228                                // 繝代せ謗｢邏｢
229                                do{
230                                        // 繝ｪ繝ｳ繧ｯ縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠
231                                        for(var i = 0; i < link.data().length; i++){
232                                                // 迴ｾ蝨ｨ縺ｮ譛€蠕悟ｰｾ縺ｫ郢九′繧九Μ繝ｳ繧ｯ縺後≠繧後�
233                                                if(path[(path.length-1)] == link.data()[i].target){
234                                                        // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�id繧定ｿｽ蜉
235                                                        path.push(link.data()[i].source);
236                                                        // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕縺ｨ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�蜷榊燕繧定ｿｽ蜉
237                                                        pathname.push(link.data()[i].property);
238                                                        pathname.push(node.data()[link.data()[i].source].name);
239                                                }
240                                        }
241                                // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨↓霎ｿ繧顔捩縺上∪縺ｧ郢ｰ繧願ｿ斐☆
242                                }while(path[(path.length-1)] != 0);
243
244                                // 譛ｫ遶ｯ繝弱�繝峨〒縺ｪ縺�↑繧�
245                                if(d.path == "notend"){
246                                        // 繝��繝ｫ繝√ャ繝励ｒ髱櫁｡ｨ遉ｺ縺ｫ
247                                        document.getElementById("showpath").style.display = "none";
248                                }else{
249                                        // 譛ｫ遶ｯ繝弱�繝峨↑繧峨ヤ繝ｼ繝ｫ繝√ャ繝励�諠�ｱ繧呈峩譁ｰ
250                                        var resultText = "<h3>Selected Path</h3>";
251                                        // 繝代せ縺ｮ蜷榊燕驟榊�蛻�ｾ後ｍ縺九ｉ郢ｰ繧願ｿ斐＠縺ｪ縺後ｉ
252                                        for (var i = pathname.length;i > 0; i--){
253                                                // 螂�焚逡ｪ逶ｮ�医ヮ繝ｼ繝峨�蜷榊燕�峨�螟ｪ蟄励↓
254                                                if(i % 2 == 1){
255                                                        resultText = resultText + "<span style=\"font-weight: bold;\">" + pathname[i - 1] + "</span><br><br>";
256                                                // 蛛ｶ謨ｰ逡ｪ逶ｮ�医Μ繝ｳ繧ｯ縺ｮ蜷榊燕�峨�縺昴�縺ｾ縺ｾ縺ｧ陦ｨ遉ｺ
257                                                }else{
258                                                        resultText = resultText + pathname[i - 1] + "<br><br>";
259                                                }
260                                        }
261                                        // 繝��繝ｫ繝√ャ繝励�蜀�ｮｹ繧呈嶌縺肴鋤縺�
262                                        document.getElementById("selectpath").innerHTML=(resultText);
263                                        document.getElementById("showpath").style.display = "block";
264
265                                        // 繧ｵ繝ｼ繝悶Ξ繝�ヨ縺ｫ騾√ｊ霑斐☆繝代せ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ菫晏ｭ�
266                                        pathobj = d.path;
267
268                                        // 繝��繝ｫ繝√ャ繝苓｡ｨ遉ｺ譎ゅ�蠎ｧ讓呻ｼ医が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�讓ｪ縺ｫ繝懊ち繝ｳ縺梧擂繧九ｈ縺��鄂ｮ��
269                                        var xPosition = parseFloat(d3.select(this).attr("cx")) + parseFloat(d3.select(this).style("stroke-width")) + (NODEHEIGHT * 0.5);
270                                        var yPosition = parseFloat(d3.select(this).attr("cy") - document.getElementById("showpath").offsetHeight + document.getElementById("menu").offsetHeight) + (NODEHEIGHT * 0.5);
271
272                                        // 繝��繝ｫ繝√ャ繝励′逕ｻ髱｢螟悶↓蜃ｺ縺ｪ縺�ｈ縺�｣懈ｭ｣
273                                        if(xPosition < 0){
274                                                xPosition = 0;
275                                        }
276                                        if(yPosition < 0){
277                                                yPosition = 0;
278                                        }
279
280                                        // 逕滓�縺励◆蠎ｧ讓吶↓繝��繝ｫ繝√ャ繝励ｒ陦ｨ遉ｺ
281                                        document.getElementById("showpath").style.left = xPosition + "px"
282                                        document.getElementById("showpath").style.top = yPosition + "px"
283                                }
284                        // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨□縺｣縺溘↑繧�
285                        }else{
286                                // 繝��繝ｫ繝√ャ繝励ｒ髱櫁｡ｨ遉ｺ
287                                document.getElementById("showpath").style.display = "none";
288                        }
289
290                        // 繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�鬮倥＆縺ｫ隕ｪ繧貞粋繧上○繧九◆繧√↓蜷医ｏ縺帙ｋ鬮倥＆繧剃ｿ晏ｭ�
291                        var movey = d.y;
292
293                        // 蜷�ヮ繝ｼ繝峨↓蟇ｾ縺�
294                        node
295                                // 霈ｪ驛ｭ邱壹�濶ｲ繧定ｨｭ螳�
296                                .style("stroke", function(d){
297                                        // 縺ｾ縺壹�閭梧勹濶ｲ�医ョ繝輔か繝ｫ繝茨ｼ峨ｒ謖�ｮ�
298                                        var strokecolor = "#fafafa";
299
300                                        // 繝代せ蛻､螳壹�蜑榊�逅�
301                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系ow�亥燕蝗槭が繝ｳ繝槭え繧ｹ縺ｧ蜍輔＞縺ｦ縺�◆繝弱�繝会ｼ峨↑繧�
302                                        if(d.view == "now"){
303                                                // 繝弱�繝峨�陦ｨ遉ｺ繝輔Λ繧ｰ繧地o縺ｫ
304                                                d.view = "no";
305                                        }
306                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺稽oved�医け繝ｪ繝�け縺輔ｌ蝗ｺ螳壽ｸ医∩縺縺悟燕蝗槫虚縺�※縺�◆繝弱�繝会ｼ峨↑繧�
307                                        if(d.view == "moved"){
308                                                // 陦ｨ遉ｺ繝輔Λ繧ｰ繧団licked縺ｫ謌ｻ縺�
309                                                d.view = "clicked";
310                                        }
311
312                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系o縺ｮ繧ゅ�縺九ｉ遒ｺ隱�
313                                        if(d.view == "no"){
314                                                // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
315                                                for(var n = 0; n < path.length; n++){
316                                                        // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ
317                                                        if(path[n] == d.nodeid){
318                                                                // 霈ｪ驛ｭ邱壹ｒ襍､縺ｫ
319                                                                strokecolor = "#ffaaaa";
320                                                                // 陦ｨ遉ｺ繝輔Λ繧ｰ繧地ow�井ｻ雁屓蜍輔＞縺溘ヮ繝ｼ繝会ｼ峨↓
321                                                                d.view = "now";
322                                                        }
323                                                }
324                                        // 蝗ｺ螳壽ｸ医∩繝弱�繝峨□縺｣縺溘ｉ
325                                        }else if(d.view == "clicked"){
326                                                // 縺ｾ縺壹�霈ｪ驛ｭ邱壹ｒ襍､縺ｫ
327                                                strokecolor = "#ffaaaa";
328                                                // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨°繝√ぉ繝�け
329                                                for(var n = 0; n < path.length; n++){
330                                                        if(path[n] == d.nodeid){
331                                                                // 蜷ｫ縺ｾ繧後※縺�◆縺ｪ繧我ｻ雁屓蜍輔°縺吶◆繧√ヵ繝ｩ繧ｰ繧知oved縺ｫ
332                                                                d.view = "moved";
333                                                        }
334                                                }
335                                        }
336
337                                        // 縺薙％縺ｾ縺ｧ縺ｧ蠕励ｉ繧後◆霈ｪ驛ｭ邱壹�濶ｲ繧定ｿ斐☆
338                                        return strokecolor;
339                                })
340                                // 鬮倥＆縺ｮ蛟､
341                                .attr("cy", function(d){
342                                        // 繝弱�繝峨′莉雁屓繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘�縺ｾ縺溘�蝗ｺ螳壽ｸ医∩縺縺檎ｧｻ蜍輔ヵ繝ｩ繧ｰ繧偵▽縺代ｉ繧後※縺�ｌ縺ｰ
343                                        if(d.view == "now" || d.view == "moved"){
344                                                // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧貞叙蠕�
345                                                var curty = d.y;
346                                                // d.y縺ｫ蟄舌ヮ繝ｼ繝峨�鬮倥＆繧偵そ繝�ヨ
347                                                d.y = movey;
348                                                // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧定ｿ斐☆�医％縺ｮ譎らせ縺ｧ縺ｯ迴ｾ蝨ｨ菴咲ｽｮ縺ｫ謠冗判縺輔ｌ縲〉edraw髢｢謨ｰ縺ｧd.y縺ｫ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺輔ｌ繧具ｼ�
349                                                return curty;
350                                        // 遘ｻ蜍募ｯｾ雎｡縺ｧ縺ｪ縺�↑繧�
351                                        }else{
352                                                // 迴ｾ蝨ｨ菴咲ｽｮ繧偵◎縺ｮ縺ｾ縺ｾ霑斐☆
353                                                return d.y;
354                                        }
355                                });
356
357                        // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓蟇ｾ縺�
358                        tlink
359                                // 繝�く繧ｹ繝郁｡ｨ遉ｺ蛻､螳�
360                                .text(function(d) {
361                                        // 繝�ヵ繧ｩ繝ｫ繝医〒遨ｺ繧偵そ繝�ヨ
362                                        var linktext = "";
363                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系ow�亥燕蝗櫁｡ｨ遉ｺ縺輔ｌ縺ｦ縺�◆繝ｪ繝ｳ繧ｯ�峨↑繧�
364                                        if(d.view == "now"){
365                                                // 陦ｨ遉ｺ繝輔Λ繧ｰ繧定ｧ｣髯､
366                                                d.view = "no";
367                                        }
368
369                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系o縺ｪ繧�
370                                        if(d.view == "no"){
371                                                // 繝代せ縺ｮ繝弱�繝画焚蛻�ｹｰ繧願ｿ斐＠
372                                                for(var t = 0; t < path.length; t++){
373                                                        // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ�医°縺､縺昴�繝弱�繝峨′謚倥ｊ縺溘◆縺ｾ繧後※縺�↑縺代ｌ縺ｰ��
374                                                        if(path[t] == d.target && node.data()[d.target].view != "hide"){
375                                                                // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ
376                                                                linktext = d.property
377                                                                // 陦ｨ遉ｺ繝輔Λ繧ｰ縺ｫnow繧偵そ繝�ヨ
378                                                                d.view = "now";
379                                                        }
380                                                }
381                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺掲ix�医け繝ｪ繝�け縺輔ｌ縺溘ヱ繧ｹ縺ｮ繝ｪ繝ｳ繧ｯ�峨↑繧峨��医°縺､郢九′繧句�縺ｮ繝弱�繝峨′謚倥ｊ縺溘◆縺ｾ繧後※縺�↑縺代ｌ縺ｰ��
382                                        }else if(d.view == "fix" && node.data()[d.target].view != "hide"){
383                                                // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ
384                                                linktext = d.property
385                                        }
386                                        // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医ｒ霑斐☆
387                                        return linktext;
388                                });
389
390                        // 蜷�Μ繝ｳ繧ｯ縺ｫ蟇ｾ縺�
391                        link
392                                // 邱壹�濶ｲ蛻､螳�
393                                .style("stroke", function(d){
394                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系o縺ｪ繧峨�
395                                        if(d.view == "no"){
396                                                // 濶ｲ繧偵ョ繝輔か繝ｫ繝医↓
397                                                return "#999";
398                                        // 縺昴ｌ莉･螟厄ｼ亥崋螳壹ｄ繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヱ繧ｹ縺ｫ蜷ｫ縺ｾ繧後ｋ�峨↑繧�
399                                        }else{
400                                                // 濶ｲ繧定ｵ､縺ｫ
401                                                return "#ffaaaa";
402                                        }
403                                });
404
405                        // 縺薙％縺ｾ縺ｧ縺ｮ險ｭ螳壹ｒ蜈�↓蜀肴緒逕ｻ
406                        redraw();
407
408                // 繝弱�繝峨∈縺ｮ繧ｯ繝ｪ繝�け縺ｧ驕ｸ謚槫崋螳壼喧�亥所縺ｳ謚倥ｊ逡ｳ縺ｿ蜃ｦ逅�ｼ�
409                }).on("click", function(d){
410
411                        // 蜷�ヮ繝ｼ繝峨↓蟇ｾ縺�
412                        node
413                                // 霈ｪ驛ｭ邱壹�蛻､螳�
414                                .style("stroke", function(d) {
415                                        // 繝�ヵ繧ｩ繝ｫ繝医�濶ｲ繧偵そ繝�ヨ
416                                        var strokecolor = "#fafafa"
417                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺後が繝ｳ繝槭え繧ｹ荳ｭ繝ｻ蝗ｺ螳壻ｸｭ繝ｻ遘ｻ蜍穂ｸｭ�磯∈謚槭＆繧後※縺�ｋ繝弱�繝会ｼ峨↑繧峨�
418                                        if(d.view == "now" || d.view == "clicked" || d.view == "moved"){
419                                                // 濶ｲ繧定ｵ､縺ｫ
420                                                strokecolor = "#ffaaaa"
421                                                // 陦ｨ遉ｺ繝輔Λ繧ｰ繧貞崋螳壻ｸｭ縺ｫ
422                                                d.view = "clicked";
423                                        }
424                                        // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆濶ｲ繧定ｿ斐☆
425                                        return strokecolor;
426                                });
427
428                        // 縺薙％縺九ｉ蟄舌ヮ繝ｼ繝峨�逡ｳ縺ｿ霎ｼ縺ｿ蜃ｦ逅�ｼ育樟蝨ｨ縺ｯ蟒�ｭ｢縲∝ｿｵ縺ｮ縺溘ａ繧ｳ繝ｼ繝峨�谿九＠縺ｦ縺翫￥��
429                        /*
430                        var childs = [];
431                        var prevchilds = [];
432                        prevchilds.push(d.nodeid);
433
434                        //
435                        do{
436                                var tmpchilds = [];
437                                var curchilds = [];
438                                for(var p = 0; p < prevchilds.length; p++){
439                                        tmpchilds = get_children(prevchilds[p], json['links']);
440                                        curchilds = curchilds.concat(tmpchilds);
441                                }
442                                prevchilds = curchilds;
443                                childs = childs.concat(curchilds);
444
445                        }while(curchilds.length != 0);
446
447                        var childy = d.y;
448                        for(var c = 0; c < childs.length; c++){
449                                if(node.data()[childs[c]].y < childy){
450                                        childy = node.data()[childs[c]].y;
451                                }
452                        }
453
454                        d.y = childy;
455
456                        var maxdy = 0;
457                        var mindy = 0;
458
459                        for(var c = 0; c < childs.length; c++){
460                                if(node.data()[childs[c]].view != "hide"){
461                                        var dy = node.data()[childs[c]].y - d.y;
462                                        if(dy > maxdy){
463                                                maxdy = dy;
464                                        }
465                                        node.data()[childs[c]].x = d.x;
466                                        node.data()[childs[c]].y = d.y;
467                                        node.data()[childs[c]].dy = dy;
468                                        node.data()[childs[c]].view = "hide";
469                                        node.data()[childs[c]].hideparent = d.nodeid;
470                                }else{
471                                        if(node.data()[childs[c]].hideparent == d.nodeid){
472                                                node.data()[childs[c]].x = d.x + (TREESPACE * (node.data()[childs[c]].group - d.group));
473                                                node.data()[childs[c]].y = node.data()[childs[c]].y + node.data()[childs[c]].dy;
474                                                if(-node.data()[childs[c]].dy < mindy){
475                                                        mindy = -node.data()[childs[c]].dy;
476                                                }
477                                                node.data()[childs[c]].view = "appear";
478                                                node.data()[childs[c]].hideparent = -1;
479                                        }
480                                }
481                        }
482
483                        node
484                        .attr("r", function(d){
485                                if(d.view == "appear"){
486                                        d.view = "no";
487                                }else if(d.y > childy){
488                                        d.y = d.y - maxdy - mindy;
489                                }
490                                if(d.view == "hide"){
491                                        d.x = node.data()[d.hideparent].x;
492                                        d.y = node.data()[d.hideparent].y;
493                                }
494                                if(d.nodeid == 0){
495                                        d.y = childy;
496                                }
497                                return (NODEHEIGHT / 2);
498                        });
499                        */
500
501                        // 蜷�Μ繝ｳ繧ｯ縺ｫ蟇ｾ縺�
502                        tlink
503                                // 繝�く繧ｹ繝郁｡ｨ遉ｺ蛻､螳�
504                                .text(function(d) {
505                                        // 繝�ヵ繧ｩ繝ｫ繝医〒遨ｺ縺ｫ
506                                        var linktext = "";
507                                        // 陦ｨ遉ｺ繝輔Λ繧ｰ縺檎樟蝨ｨ陦ｨ遉ｺ荳ｭ縺ｾ縺溘�蝗ｺ螳壼喧貂医∩縺ｪ繧峨��医°縺､謚倥ｊ逡ｳ縺ｿ荳ｭ縺ｧ縺ｪ縺代ｌ縺ｰ��
508                                        if((d.view == "now" || d.view == "fix") && (node.data()[d.target].view != "hide")){
509                                                // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ
510                                                linktext = d.property
511                                                // 陦ｨ遉ｺ繝輔Λ繧ｰ繧貞崋螳壻ｸｭ縺ｫ
512                                                d.view = "fix";
513                                        }
514                                        // 繝�く繧ｹ繝医ｒ霑斐☆
515                                        return linktext;
516                                });
517
518                        // 縺薙％縺ｾ縺ｧ縺ｮ蜃ｦ逅�ｵ先棡繧貞�縺ｫ蜀肴緒逕ｻ
519                        redraw();
520
521                });
522
523                // 蜀肴緒逕ｻ髢｢謨ｰ
524                var redraw = function (duration){
525
526                        // 縺九￠繧区凾髢薙′譛ｪ謖�ｮ壹↑繧峨�
527                        if(duration == undefined){
528                                // 0.5遘偵°縺代※繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
529                                duration = 500;
530                        }
531
532                        // 蜷�Μ繝ｳ繧ｯ縺ｫ縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
533                        link
534                                .transition()
535                                .duration(duration)
536                                .attr("x1", function(d) {return node.data()[d.source].x;})
537                                .attr("y1", function(d) {return node.data()[d.source].y;})
538                                .attr("x2", function(d) {return node.data()[d.target].x;})
539                                .attr("y2", function(d) {return node.data()[d.target].y;});
540
541                        // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
542                        tlink
543                                .transition()
544                                .duration(duration)
545                                .attr("x", function(d) {return (node.data()[d.source].x + node.data()[d.target].x) / 2;})
546                                .attr("y", function(d) {return ((node.data()[d.source].y + node.data()[d.target].y) / 2) + 5;});
547
548                        // 蜷�ヮ繝ｼ繝峨↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ�医°縺､謚倥ｊ縺溘◆縺ｾ繧御ｸｭ縺ｮ蝣ｴ蜷医�謠冗判蛻�ｲ仙�逅�ｼ�
549                        node
550                                .transition()
551                                .duration(duration)
552                                .attr("cx", function(d) {return d.x;})
553                                .attr("cy", function(d) {return d.y;})
554                                .style("opacity", function(d){
555                                        var opa = 1.0;
556                                        if(d.view == "hide"){
557                                                opa = 0.0;
558                                        }
559                                        return opa;
560                                })
561                                .style("fill", function(d) {
562                                        var fcolor = color(d.group);
563
564                                        for(var n = 0; n < node.data().length; n++){
565                                                if(d.nodeid == node.data()[n].hideparent){
566                                                        fcolor = "ffaaaa";
567                                                }
568                                        }
569                                        return fcolor;
570                                })
571                                .style("pointer-events", function(d){
572                                        var pe = "auto";
573                                        if(d.view == "hide"){
574                                                pe = "none";
575                                        }
576                                        return pe;
577                                });
578
579                        // 蜷�ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ縲√ユ繧ｭ繧ｹ繝域緒逕ｻ菴咲ｽｮ繧剃ｸ贋ｸ九↓謖ｯ繧具ｼ医°縺､謚倥ｊ縺溘◆縺ｾ繧御ｸｭ縺ｮ蝣ｴ蜷医�謠冗判蛻�ｲ仙�逅�ｼ�
580                        tnode
581                        .transition()
582                        .duration(duration)
583                        .attr("x", function(d) {return d.x;})
584                        .attr("y", function(d) {
585                                // 繝�ヵ繧ｩ繝ｫ繝医〒蟆代＠荳九￡繧�
586                                var updown = (NODEHEIGHT * 0.4);
587                                // 螂�焚逡ｪ逶ｮ縺ｮ豺ｱ縺輔↑繧牙ｰ代＠荳翫￡繧�
588                                if(d.group % 2 == 1){
589                                        updown = -(NODEHEIGHT * 0.2);
590                                }
591                                // 縺昴�蛟､繧帝ｫ倥＆縺ｫ霑斐☆縺薙→縺ｧ繝�く繧ｹ繝域緒逕ｻ菴咲ｽｮ縺御ｺ偵＞驕輔＞縺ｫ縺ｪ繧�
592                                return d.y + updown;
593                        })
594                        // 謚倥ｊ逡ｳ縺ｿ迥ｶ諷九↑繧峨ユ繧ｭ繧ｹ繝郁｡ｨ遉ｺ繧呈ｶ医☆
595                        .text(function(d){
596                                var nodetext = d.name
597                                if(d.view == "hide"){
598                                        nodetext = "";
599                                }
600                                return nodetext;
601                        });
602
603                };
604
605                // 閭梧勹驛ｨ蛻�′繧ｯ繝ｪ繝�け縺輔ｌ縺溘ｉ陦ｨ遉ｺ縺ｮ蝗ｺ螳壼喧繧定ｧ｣髯､
606                bg.on("click", function() {
607                        // 繝��繝ｫ繝√ャ繝励ｒ髱櫁｡ｨ遉ｺ
608                        document.getElementById("showpath").style.display = "none";
609                        d3.selectAll(".node").style("stroke-width", function(d) { return '1.5px'; });
610                        d3.selectAll(".node").style("stroke", function(d) { return '#ffffff'; });
611
612                        // 蜷�ヮ繝ｼ繝峨�霈ｪ驛ｭ邱壹�濶ｲ繧偵ョ繝輔か繝ｫ繝医↓
613                        node
614                                .style("stroke", function(d){
615                                        if(d.view != "hide"){
616                                                d.view = "no";
617                                        }
618                                        return "#fafafa";
619                                });
620
621                        // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医ｒ蜈ｨ縺ｦ遨ｺ縺ｫ
622                        tlink
623                                .text(function(d) {
624                                        d.view = "no";
625                                        return "";
626                                });
627
628                        // 繝ｪ繝ｳ繧ｯ縺ｮ濶ｲ繧貞�縺ｦ繝�ヵ繧ｩ繝ｫ繝医↓
629                        link
630                                .style("stroke", function(d){
631                                        return "#999";
632                                });
633
634                });
635
636                // 閭梧勹荳翫〒繝槭え繧ｹ縺悟虚縺上＃縺ｨ縺ｫ
637                bg.on("mousemove", function(){
638                        // MOUSEMOVED繧定ｿｽ蜉�医ヮ繝ｼ繝峨↓繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ繧句ｺｦ縺ｫ繧ｫ繧ｦ繝ｳ繝医Μ繧ｻ繝�ヨ��
639                        MOUSEMOVED++;
640                        // 30繧定ｶ�∴縺溘ｉ
641                        if(MOUSEMOVED > 30){
642                                // 繝��繝ｫ繝√ャ繝励ｒ髱櫁｡ｨ遉ｺ縺ｫ縺励※繧ｫ繧ｦ繝ｳ繝医Μ繧ｻ繝�ヨ
643                                document.getElementById("showpath").style.display = "none";
644                                MOUSEMOVED = 0;
645                        }
646                });
647
648                // 蛻晏屓縺ｮ縺ｿduration繧�縺ｨ謖�ｮ壹＠蜀肴緒逕ｻ�医い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｪ縺暦ｼ�
649                redraw(0);
650        }
651}
652
653// 繝��繧ｿ縺ｮ菴懈�繝｡繧ｽ繝�ラ
654function make_data(tdepth, ret, parent, depth){
655        // ret縺梧悴螳夂ｾｩ縺ｪ繧峨�螳夂ｾｩ縺励※莉｣蜈･
656        if (ret == undefined){
657                ret = new Object();
658                ret['nodes'] = new Array();
659                ret['links'] = new Array();
660        }
661
662        PATHNUM = 0;
663        MAXDEPTH = 0;
664        TREESPACE = 0;
665        DRAWHEIGHT = NODEHEIGHT;
666
667        var viewnum;
668
669        var obj = JSON.parse(jsontext);
670
671        document.getElementById("resultmessage").style.color = "black";
672        document.getElementById("resultmessage").style.fontWeight = "normal";
673
674        document.getElementById("plural").innerHTML = "s";
675
676        if(obj['paths'].length == 0){
677                document.getElementById("resultmessage").style.color = "red";
678                document.getElementById("resultmessage").style.fontWeight = "bold";
679                document.getElementById("plural").innerHTML = "";
680        }else if(obj['paths'].length == 1){
681                document.getElementById("plural").innerHTML = "";
682        }
683
684        if(obj['paths'].length <= 10){
685                viewnum = obj['paths'].length;
686                document.getElementById("viewall").style.display = "none";
687        }else if(pathlimit == 10){
688                viewnum = 10;
689                document.getElementById("viewall").style.display = "block";
690        }else{
691                viewnum = obj['paths'].length;
692                document.getElementById("viewall").style.display = "none";
693        }
694
695        document.getElementById("pathnum").innerHTML = obj['paths'].length;
696        document.getElementById("resultmessage").style.display = "block";
697
698        // obj繝医ャ繝鈴嚴螻､縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
699        for(var i = 0; i < viewnum; i++){
700                if(i == 0){
701                        // 蛻晏屓縺縺代Ν繝ｼ繝医ヮ繝ｼ繝峨ｒ繝励ャ繧ｷ繝･
702                        ret['nodes'].push({'name': obj['paths'][0]['startClassLabel'], 'uri': obj['paths'][i]['classLinks'][j]['linkedClassURI'] 'group': 0, 'x':50, 'y':50, 'nodeid':ret['nodes'].length, 'view' : 'no', 'path': 'notend'});
703                }
704                // 蜈医↓source縺ｫ0�医Ν繝ｼ繝茨ｼ峨ｒ莉｣蜈･
705                var source = 0;
706                // 蜈ｱ騾壹Ν繝ｼ繝亥愛螳壹ｒtrue縺ｫ
707                var isCommon = true;
708
709                // classLinks縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
710                for(var j = 0;j < obj['paths'][i]['classLinks'].length; j++){
711
712                        // 繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕繧旦RL譛ｫ蟆ｾ縺九ｉ蜿門ｾ�
713                        var propertytext = obj['paths'][i]['classLinks'][j]['propertyURI'];
714                        var propertysplit1 = propertytext.split("/");
715                        var propertysplit2 = propertysplit1[propertysplit1.length - 1];
716                        var propertysplit3 = propertysplit2.split("#");
717                        propertytext = propertysplit3[propertysplit3.length - 1];
718
719                        if(MAXDEPTH < j+1){
720                                MAXDEPTH = j+1;
721                        }
722                        // 縺薙％縺ｾ縺ｧ蜈ｱ騾壹Ν繝ｼ繝医↑繧�
723                        if(isCommon){
724                                // 莉雁屓繧ょ�騾壹°遒ｺ隱阪☆繧九◆繧√�繝輔Λ繧ｰ
725                                var isCommonNow = false;
726                                // nodes驟榊�縺ｫ蜷後§linkedClass縺梧里縺ｫ縺ゅｋ縺狗｢ｺ隱�
727                                var targets = [];
728                                for(var k = 0; k < ret['nodes'].length; k++){
729                                        // 蜷碁嚴螻､縺九▽蜷後§蜷榊燕縺ｮ繧ゅ�縺後≠縺｣縺溘ｉtargets驟榊�縺ｫ逡ｪ蜿ｷ繧定ｿｽ蜉
730                                        if(ret['nodes'][k]['group'] == (j+1) && obj['paths'][i]['classLinks'][j]['linkedClassURI'] == ret['nodes'][k]['uri']){
731                                                targets.push(k);
732                                        }
733                                }
734
735                                // 譌｢縺ｫ縺ゅ▲縺溷ｴ蜷医�links驟榊�縺ｫ蜷後§link縺悟ｭ伜惠縺吶ｋ縺狗｢ｺ隱�
736                                if(targets.length != 0){
737                                        // 蜈医⊇縺ｩ隕九▽縺代◆targets縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
738                                        for(var l = 0; l <targets.length; l++){
739                                                // links驟榊�縺ｫ蜈ｨ縺丞酔縺俶擅莉ｶ縺ｮ繧ゅ�縺後≠繧九°遒ｺ隱�
740                                                for(var m = 0; m < ret['links'].length; m++){
741                                                        // 縺ゅ▲縺溷ｴ蜷井ｻ雁屓縺ｮ繧ゅ�縺ｯ霑ｽ蜉縺帙★source繧呈峩譁ｰ縺励※谺｡縺ｸ
742                                                        if(ret['links'][m]['source'] == source && ret['links'][m]['target'] == targets[l] && ret['links'][m]['property'] == obj['paths'][i]['classLinks'][j]['propertyURI'] && !isCommonNow){
743                                                                // 蜈ｱ騾壹Ν繝ｼ繝医ヵ繝ｩ繧ｰ繧偵が繝ｳ
744                                                                isCommonNow = true;
745                                                                source = targets[l];
746                                                        }
747                                                }
748                                        }
749
750                                        // 蜷дarget繧堤｢ｺ隱阪＠縺ｦ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｯ縺ｪ縺九▲縺溷ｴ蜷域眠隕剰ｿｽ蜉
751                                        if(!isCommonNow){
752                                                isCommon = false;
753                                                ret['nodes'].push({'name': obj['paths'][i]['classLinks'][j]['nodeLabel'], 'uri': obj['paths'][i]['classLinks'][j]['linkedClassURI'] 'group': (j+1), 'x':0, 'y':0, 'dy':0, 'nodeid':ret['nodes'].length, 'view' : 'no', 'path': 'notend'});
754                                                ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'value':5, 'property': propertytext, 'view' : 'no'});
755                                                source = ret['nodes'].length - 1;
756                                        }
757
758                                // 縺ｪ縺九▲縺溷ｴ蜷医�蛻･譚｡莉ｶ縺ｪ縺ｮ縺ｧ譁ｰ隕剰ｿｽ蜉縺励※谺｡縺ｸ
759                                }else{
760
761                                        isCommon = false;
762                                        ret['nodes'].push({'name': obj['paths'][i]['classLinks'][j]['nodeLabel'], 'uri': obj['paths'][i]['classLinks'][j]['linkedClassURI'] 'group': (j+1), 'x':0, 'y':0, 'dy':0, 'nodeid':ret['nodes'].length, 'view' : 'no', 'path': 'notend'});
763                                        ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'value':5, 'property': propertytext, 'view' : 'no'});
764                                        source = ret['nodes'].length - 1;
765                                }
766                        // 譌｢縺ｫ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｪ縺�↑繧画眠隕剰ｿｽ蜉縺励※谺｡縺ｸ
767                        }else{
768                                ret['nodes'].push({'name': obj['paths'][i]['classLinks'][j]['nodeLabel'], 'uri': obj['paths'][i]['classLinks'][j]['linkedClassURI'], 'group': (j+1), 'x':0, 'y':0, 'dy':0, 'nodeid':ret['nodes'].length, 'view' : 'no', 'path': 'notend'});
769                                ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'value':5, 'property': propertytext, 'view' : 'no'});
770                                source = ret['nodes'].length - 1;
771                        }
772
773                }
774                ret['nodes'][ret['nodes'].length - 1]['path'] = obj['paths'][i];
775                PATHNUM++;
776        }
777        TREESPACE = (window.innerWidth - 200) / (MAXDEPTH + 1);
778
779        // 縺ｧ縺阪◆邨先棡繧定ｿ斐☆
780        return ret;
781}
782
783// 逕滓�縺輔ｌ縺溘ョ繝ｼ繧ｿ縺ｮ螳滄圀縺ｮ繝ｭ繧ｱ繝ｼ繧ｷ繝ｧ繝ｳ繧定ｨ育ｮ励☆繧九Γ繧ｽ繝�ラ�亥�蝗槭�myNodeIndex縺�縲］odes縺ｫ逕滓�縺輔ｌ縺殤odes驟榊�縲〕inks縺ｫ逕滓�縺輔ｌ縺殕inks驟榊�縺梧ｸ｡縺輔ｌ繧具ｼ�
784function set_map_location(myNodeIndex, nodes, links, depth, fromAngle, toAngle){
785
786        // depth縺梧悴螳夂ｾｩ縺ｪ繧峨�0繧偵そ繝�ヨ
787        if (depth == undefined){
788                depth = 0;
789        }
790
791        // 蜷�ｨｮ蛻晄悄蛹�
792        var children = undefined;
793        var parent = undefined;
794        var parentsChildren = undefined;
795
796        // links驟榊�縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
797        for (var i=0; i<links.length; i++){
798                // 縺昴�links縺ｮtarget縺稽yNodeIndex縺ｪ繧英arent繧偵そ繝�ヨ
799                if (links[i].target == myNodeIndex){
800                        parent = links[i].source;
801                }
802        }
803
804        // parent縺瑚ｦ九▽縺九▲縺ｦ縺�◆縺ｪ繧峨�
805        if (parent != undefined){
806                // parent縺ｨlinks繧呈ｸ｡縺揚et_children繝｡繧ｽ繝�ラ繧貞ｮ溯｡�
807                parentsChildren = get_children(parent, links);
808        }
809
810        if(myNodeIndex != 0){
811                DRAWHEIGHT += (NODEHEIGHT * 1.5);
812                var x = (depth * TREESPACE) + (TREESPACE / 3);
813                var y = DRAWHEIGHT;
814                nodes[myNodeIndex].x = x;
815                nodes[myNodeIndex].y = y;
816        }else{
817                var x = TREESPACE / 2;
818                var y = (NODEHEIGHT * 1.5) * ((PATHNUM - 1) / 2) + NODEHEIGHT;
819                nodes[myNodeIndex].x = x;
820                nodes[myNodeIndex].y = y;
821        }
822
823        children = get_children(myNodeIndex, links);
824
825        for (var i=0; i<children.length; i++){
826                if(i == 0){
827                        DRAWHEIGHT -= (NODEHEIGHT * 1.5);
828                }
829                var child = children[i];
830                set_map_location(child, nodes, links, depth+1, fromAngle + ((toAngle - fromAngle) / children.length) * i, fromAngle + ((toAngle - fromAngle) / children.length) * (i+1));
831        }
832
833}
834
835// 謖�ｮ壹＆繧後◆隕ｪ縺梧戟縺､蟄舌ｒ霑斐☆
836function get_children(index, links){
837        var children = new Array();
838        // links縺ｮ謨ｰ縺縺醍｢ｺ隱阪＠縺ｪ縺後ｉ
839        for (var i=0; i<links.length; i++){
840                // 隕ｪ縺梧ｸ｡縺輔ｌ縺溯ｦｪ縺ｨ荳€閾ｴ縺吶ｋ譎ゅ�蟄舌ｒ霑ｽ蜉
841                if (links[i].source == index){
842                        children.push(links[i].target);
843                }
844        }
845        return children;
846}
847
848// ZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZN
849// ZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZN
850
851function setEndpoints(ep){
852        for (var i = 0; i < ep.length; i++){
853                $("*[name=selectendpoint]").append('<option value="' + ep[i] + '">' + ep[i]);
854        }
855}
856
857function setEndpoint(){
858
859        var sel = $("*[name=selectendpoint]").val();
860
861        if(sel == "input"){
862                sel = $("*[name=inputendpoint]").val();
863        }
864
865        document.getElementById("showpath").style.display = "none";
866
867        ajaxload("view");
868        $.ajax({
869                type: "GET",
870                url : getClassListURL,
871                data: {
872                    ep: sel
873                },
874                dataType: 'json',
875                success : function(epclass) {
876                        $("*[name=startclass] option").remove();
877                        $("*[name=endclass] option").remove();
878                        for (var i = 0; i < epclass.length; i++){
879                                $("*[name=startclass]").append('<option value="' + epclass[i] + '">' + epclass[i]);
880                                $("*[name=endclass]").append('<option value="' + epclass[i] + '">' + epclass[i]);
881                        }
882                        ajaxload("hide");
883                },
884                error : function(XMLHttpRequest, textStatus, errorThrown) {
885                        alert("繝ｪ繧ｯ繧ｨ繧ｹ繝域凾縺ｫ縺ｪ繧薙ｉ縺九�繧ｨ繝ｩ繝ｼ縺檎匱逕溘＠縺ｾ縺励◆�� + textStatus +":\n" + errorThrown);
886                        ajaxload("hide");
887                }
888        });
889        document.getElementById("seclass").style.display = "block";
890}
891
892function setSEClass(){
893
894        var sel = $("*[name=selectendpoint]").val();
895
896        MAXDEPTH = 0;
897
898        document.getElementById("selectpath").innerHTML = "";
899        document.getElementById("showpath").style.display = "none";
900
901        var selstart = $("*[name=startclass]").val();
902        var selend = $("*[name=endclass]").val();
903
904        ajaxload("view");
905        $.ajax({
906                type: "GET",
907                url : getPathListURL,
908                data: {
909                    ep: sel,
910                    startclass: selstart,
911                    endclass: selend
912                },
913                dataType: 'text',
914                success : function(nodes) {
915                        jsontext = nodes;
916                        pathlimit = 10;
917                        view_map();
918                        ajaxload("hide");
919                        document.getElementById("graph").style.top = document.getElementById("menu").offsetHeight + "px";
920                        document.getElementById("ajaxload").style.height = document.getElementById("menu").offsetHeight + "px";
921                },
922                error : function(XMLHttpRequest, textStatus, errorThrown) {
923                        alert("繝ｪ繧ｯ繧ｨ繧ｹ繝域凾縺ｫ縺ｪ繧薙ｉ縺九�繧ｨ繝ｩ繝ｼ縺檎匱逕溘＠縺ｾ縺励◆�� + textStatus +":\n" + errorThrown);
924                        ajaxload("hide");
925                }
926        });
927}
928
929function viewAll(){
930        pathlimit = 0;
931        document.getElementById("viewall").style.display = "none";
932        view_map();
933
934        document.getElementById("graph").style.top = document.getElementById("menu").offsetHeight + "px";
935        document.getElementById("ajaxload").style.height = document.getElementById("menu").offsetHeight + "px";
936}
937
938function getSPARQL(){
939
940        var selectpath = JSON.stringify(pathobj);
941
942        //document.getElementById("selectpath").innerHTML=(resultText);
943
944        ajaxload("view");
945        $.ajax({
946                type: "GET",
947                url : getSPARQLURL,
948                data: {
949                    jsonpath: selectpath
950                },
951                dataType: 'text',
952                success : function(sparql) {
953                        document.path.sparql.value = sparql;
954                        document.getElementById("showpath").style.display = "none";
955                        window.scrollTo(0, 0);
956                        ajaxload("hide");
957                },
958                error : function(XMLHttpRequest, textStatus, errorThrown) {
959                        alert("繝ｪ繧ｯ繧ｨ繧ｹ繝域凾縺ｫ縺ｪ繧薙ｉ縺九�繧ｨ繝ｩ繝ｼ縺檎匱逕溘＠縺ｾ縺励◆�� + textStatus +":\n" + errorThrown);
960                        ajaxload("hide");
961                }
962        });
963
964}
965
966function sendSPARQL(){
967        var ep = $("*[name=selectendpoint]").val();
968
969        if(ep == "input"){
970                ep = $("*[name=inputendpoint]").val();
971        }
972
973        var query = $("*[name=sparql]").val();
974
975        query = encodeURIComponent(query);
976
977        openpage = ep + "?format=text%2Fhtml&query=" + query;
978
979        window.open(openpage);
980}
981
982// ZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZN
983// ZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZNZN
984
985-->
986
987</script>
988</head>
989<body>
990
991<div id="menu" style="position: absolute; overflow:hidden; top:0px; left:0px; width: 1000px; background-color: #eeeeee;">
992
993        <div id="setting" style="margin: 15px; float: left;">
994                <div id="endpoint">
995                        <form name="endpoint">
996                                <select size=1 name="selectendpoint" style="width: 200px;">
997                                </select><br>
998                                <input type="button" name="setendpoint" value="SetEndPoint" onClick="setEndpoint()">
999                        </form>
1000                </div>
1001                <div id="seclass" style="margin-top: 15px; display: none;">
1002                        <form name="seclass">
1003                                StartClass<br>
1004                                <select size=1 name="startclass" style="width: 200px;">
1005                                </select><br>
1006                                EndClass<br>
1007                                <select size=1 name="endclass" style="width: 200px;">
1008                                </select><br>
1009                                <input type="button" name="setclass" value="SetClass" onClick="setSEClass()">
1010                        </form>
1011                </div>
1012                <div id="resultmessage" style="margin-top: 15px; display: none;">
1013                        <span id="pathnum"></span> Path<span id="plural"></span> found.<input id="viewall" type="button" name="viewall" value="View all path" onClick="viewAll()" style="display: none;">
1014                </div>
1015        </div>
1016
1017        <div id="editing" style="margin: 15px 25px; float: right;">
1018                <form name="path">
1019                        <textarea name="sparql" style="width: 300px; height: 180px;"></textarea><br>
1020                        <input type="button" name="sendsparql" value="Send SPARQL" onClick="sendSPARQL()"><br>
1021                </form>
1022        </div>
1023</div>
1024<div id="graph" style="position: absolute; top: 0px; left: 0px;">
1025</div>
1026<div id="showpath" style="display: none;">
1027        <div id="selectpath" style="word-wrap: break-word;">
1028        </div>
1029        <input type="button" id="getsparqlbutton" name="getsparql" value="Get SPARQL" onClick="getSPARQL()">
1030</div>
1031<div id="ajaxload" style="position: absolute; top: 0; left:0; background: white; opacity: 0.7;">
1032        <div style="position: absolute; top: 0; left:0; right: 0; bottom: 0; margin: auto; width: 100px; height: 100px;">
1033                <img src="ajax-loader.gif">
1034        </div>
1035</div>
1036</body>
1037</html>
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。