Mercurial > hg > Members > nobuyasu > html > graphViewer
comparison show.html @ 24:eb324ada669a draft
modified edgeInfoDisplay
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Fri, 22 Mar 2013 05:51:03 +0900 |
parents | c0066a07acd0 |
children | a51dd2e558ab |
comparison
equal
deleted
inserted
replaced
23:c0066a07acd0 | 24:eb324ada669a |
---|---|
257 function edgeInfoBodyClear() { | 257 function edgeInfoBodyClear() { |
258 $('#edgeInfoBody').children().remove(); | 258 $('#edgeInfoBody').children().remove(); |
259 } | 259 } |
260 | 260 |
261 function addEdgeInfoDiv(edgeInfoDiv) { | 261 function addEdgeInfoDiv(edgeInfoDiv) { |
262 var body = $('#edgeInfoBody')[0]; | 262 var fc = $('#edgeInfoBody')[0].firstChild; |
263 body.insertBefore(edgeInfoDiv); | 263 if (fc) { |
264 } | 264 $('#edgeInfoBody').append(edgeInfoDiv.view[0], fc) |
265 | 265 } else { |
266 function createEdgeInfoDiv(edgeInfo) { | 266 $('#edgeInfobody').append(edgeInfoDiv.view); |
267 } | |
268 } | |
269 | |
270 function createEdgeInfoDiv(node,edgeInfo) { | |
267 function createEdgeInfoinnerHTML(edgeInfo) { | 271 function createEdgeInfoinnerHTML(edgeInfo) { |
268 return edgeInfo.kind + " : " + edgeInfo.num + ": " + edgeInfo.direction; | 272 return edgeInfo.kind + " : " + edgeInfo.num + ": " + edgeInfo.direction; |
269 } | 273 } |
270 var edgeInfoDiv = $('<div class="edgeInfoDiv"/>') | 274 var edgeInfoDiv = $('<div class="edgeInfoDiv"/>') |
271 edgeInfoDiv[0].innerHTML = createEdgeInfoinnerHTML(edgeInfo); | 275 edgeInfoDiv[0].innerHTML = createEdgeInfoinnerHTML(edgeInfo); |
276 edgeInfoDiv.click(function(){ getEvidence(node.property.id, edgeInfo.kind, edgeInfo.direction, edgeInfo.id); }); | |
272 return edgeInfoDiv; | 277 return edgeInfoDiv; |
273 } | 278 } |
274 | 279 |
275 function updateEdgeInfoDisplay() { | 280 function updateEdgeInfoDisplay() { |
276 var nodeId = this.id; | 281 var nodeId = CURRENT_DATA.id; |
277 var node = GRAPH_DATA.nodes[nodeId]; | 282 var node = GRAPH_DATA.nodes[nodeId]; |
278 showEdgeInfoDisplay(node); | 283 showEdgeInfoDisplay(node); |
279 } | 284 } |
280 | 285 |
281 function showEdgeInfoDisplay(node) { | 286 function showEdgeInfoDisplay(node) { |
282 edgeInfoBodyClear(); | 287 edgeInfoBodyClear(); |
283 var edgeInfoArray = node.property.edgeInfo; | 288 var edgeInfoArray = node.property.edgeInfo; |
284 for (var i=0; i<edgeInfoArray.length; i++) { | 289 for (var i=0; i<edgeInfoArray.length; i++) { |
285 var edgeInfo = edgeInfoArray[i]; | 290 var edgeInfo = edgeInfoArray[i]; |
286 if (!edgeInfo.view) edgeInfo.view = createEdgeInfoDiv(edgeInfo); | 291 if (!edgeInfo.view) { |
287 addEdgeInfoDiv(edgeInfo.view[0]); | 292 edgeInfo.view = createEdgeInfoDiv(node,edgeInfo); |
293 } | |
294 addEdgeInfoDiv(edgeInfo); | |
288 } | 295 } |
289 updateEdgeInfoBodyHeight(); | 296 updateEdgeInfoBodyHeight(); |
290 } | 297 } |
291 | 298 |
292 function init() { | 299 function init() { |
381 } | 388 } |
382 | 389 |
383 function getEvidence(id, kind, direction, edgeInfoId) { | 390 function getEvidence(id, kind, direction, edgeInfoId) { |
384 $.ajax({ | 391 $.ajax({ |
385 url:"/aat/aaevidencesiftingmodel.userdesktops/get?desktopid="+desktopid() + "&id="+id+"&kind="+kind+"&direction="+direction+"&edgeinfoid="+edgeInfoId, | 392 url:"/aat/aaevidencesiftingmodel.userdesktops/get?desktopid="+desktopid() + "&id="+id+"&kind="+kind+"&direction="+direction+"&edgeinfoid="+edgeInfoId, |
386 success:function(o) { parseJSONGraphData(GRAPH_DATA, o); recursiveCalcPosition(GRAPH_DATA, GRAPH_DATA.nodes[id]); showEdgesAndNodes(GRAPH_DATA, o, kind);}, | 393 success:function(o) { parseJSONGraphData(GRAPH_DATA, o); recursiveCalcPosition(GRAPH_DATA, GRAPH_DATA.nodes[id]); showEdgesAndNodes(GRAPH_DATA, o, kind);}, |
387 type:"GET", cache:true, | 394 type:"GET", cache:true, |
388 error:function(o) { console.log("getEvidence error : ", o); } | 395 error:function(o) { console.log("getEvidence error : ", o); } |
389 }); | 396 }); |
390 } | 397 } |
391 | 398 |