"미디어위키:Common.js"의 두 판 사이의 차이
디지털 트윈국토 표준 활용 가이드
(내용을 "→이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다.: →$( function () { });: "(으)로 바꿈) 태그: 대체됨 |
|||
1번째 줄: | 1번째 줄: | ||
/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */ | /* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */ | ||
$( function () { | $( function () { | ||
// 1. create node | |||
var node = document.createElement("div"); | |||
node.id = 'page-tags'; | |||
node.class = 'sidebar-chunk'; | |||
// 2. create node title | |||
var nodeName = document.createElement("h2"); | |||
var nodeNameText = document.createElement("span"); | |||
nodeNameText.innerHTML = '태그'; | |||
nodeName.appendChild(nodeNameText); | |||
// 3. create node content | |||
var nodeContent = document.createElement("div"); | |||
node.class = 'sidebar-inner'; | |||
var nodePortlet = document.createElement("div"); | |||
nodePortlet.setAttribute('role', 'navigation'); | |||
nodePortlet.class = 'mw-portlet'; | |||
nodePortlet.id = 'p-tags'; | |||
nodePortlet.setAttribute('aria-labelledby', 'p-tags-label'); | |||
var nodeLabel = document.createElement("h3"); | |||
nodeLabel.id = 'p-tags-label'; | |||
nodeLabel.setAttribute('lang', 'ko'); | |||
nodeLabel.setAttribute('dir', 'ltr'); | |||
nodeLabel.innerHTML = '태그'; | |||
var nodeBody = document.createElement("h3"); | |||
nodeBody.class = 'mw-portlet-body'; | |||
// 4. create actual content | |||
// nodeBody | |||
nodePortlet.appendChild(nodeLabel); | |||
nodePortlet.appendChild(nodeBody); | |||
nodeContent.appendChild(nodePortlet); | |||
// 5. append node to sidebar | |||
node.appendChild(nodeName); | |||
node.appendChild(nodeContent); | |||
document.getElementById("mw-related-navigation").appendChild(node); | |||
}); | }); | ||
2022년 4월 6일 (수) 17:20 판
/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
$( function () {
// 1. create node
var node = document.createElement("div");
node.id = 'page-tags';
node.class = 'sidebar-chunk';
// 2. create node title
var nodeName = document.createElement("h2");
var nodeNameText = document.createElement("span");
nodeNameText.innerHTML = '태그';
nodeName.appendChild(nodeNameText);
// 3. create node content
var nodeContent = document.createElement("div");
node.class = 'sidebar-inner';
var nodePortlet = document.createElement("div");
nodePortlet.setAttribute('role', 'navigation');
nodePortlet.class = 'mw-portlet';
nodePortlet.id = 'p-tags';
nodePortlet.setAttribute('aria-labelledby', 'p-tags-label');
var nodeLabel = document.createElement("h3");
nodeLabel.id = 'p-tags-label';
nodeLabel.setAttribute('lang', 'ko');
nodeLabel.setAttribute('dir', 'ltr');
nodeLabel.innerHTML = '태그';
var nodeBody = document.createElement("h3");
nodeBody.class = 'mw-portlet-body';
// 4. create actual content
// nodeBody
nodePortlet.appendChild(nodeLabel);
nodePortlet.appendChild(nodeBody);
nodeContent.appendChild(nodePortlet);
// 5. append node to sidebar
node.appendChild(nodeName);
node.appendChild(nodeContent);
document.getElementById("mw-related-navigation").appendChild(node);
});