|
|
| 2번째 줄: |
2번째 줄: |
|
| |
|
| $( 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);
| |
| }); | | }); |