"틀:SemanticGraph"의 두 판 사이의 차이

2026년 1월 12일 (월) 09:33 판

사용방법

시맨틱 데이터베이스의 특정 노드를 중심으로 하는 네트워크 그래프를 출력하는 틀입니다

{{SemanticGraph | key = }}

@@ 2번째 줄: / 2번째 줄: @@
 {{#tag:html|
 <div id="semantic-graph-container">
-<iframe id="semantic-graph-iframe" width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key|}}}"></iframe>
+<iframe id="semantic-graph-iframe" width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key{{!}}|}}}"></iframe>
 <br/>
 <input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
@@ 13번째 줄: / 13번째 줄: @@
    iframe.addEventListener('load', function() {
      try {
-      // iframe 내용 접근 시도 (same-origin인 경우)
+       var iframeDoc = iframe.contentDocument {{!}}{{!}} iframe.contentWindow.document;
-       var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
-      // 404 또는 에러 페이지 체크
+       if (iframeDoc.title.includes('404') {{!}}{{!}}
-       if (iframeDoc.title.includes('404') ||
+           iframeDoc.body.innerHTML.includes('404') {{!}}{{!}}
-           iframeDoc.body.innerHTML.includes('404') ||
            iframeDoc.body.innerHTML.length < 100) {
          hideGraphSection();
        }
      } catch(e) {
-      // Cross-origin인 경우 접근 불가, fetch로 체크
        fetch(iframe.src, {method: 'HEAD'})
          .then(function(response) {
-           if (!response.ok || response.status === 404) {
+           if (!response.ok {{!}}{{!}} response.status === 404) {
              hideGraphSection();
            }
@@ 36번째 줄: / 33번째 줄: @@
    });
-  // 에러 발생 시에도 숨김
    iframe.addEventListener('error', function() {
      hideGraphSection();
@@ 42번째 줄: / 38번째 줄: @@
    function hideGraphSection() {
-    // iframe이 포함된 p 태그 찾기
      var pTag = container.closest('p');
      if (pTag) {
        pTag.style.display = 'none';
-      // 이전 형제 요소 중 h2 찾기
        var prevElement = pTag.previousElementSibling;
        while (prevElement) {
@@ 62번째 줄: / 56번째 줄: @@
 }}
 </onlyinclude>