Template: WhatLinksHere: Difference between revisions

@@ Line 1: / Line 1: @@
-<noinclude>
-== Usage ==
-{{WhatLinksHere}}
-</noinclude>
-----
 <html>
-   <h4>What links here</h4>
+   <div id="iframeDiv" style="display:none;">
-  <iframe id="iframeWin"
+    <hr style="width:5%;">
-          src="/wiki/Special:WhatLinksHere/</html>{{PAGENAME}}<html>"
+    <h4>What links here</h4>
-          style="border:none;width:100%;display:none;"
+    <iframe id="iframeWin"
-          title="What Links Here"></iframe>
+            src="/wiki/Special:WhatLinksHere/</html>{{PAGENAME}}<html>"
+            style="border:none;width:100%;"></iframe>
+  </div>
    <script>
      document.querySelector("iframe").addEventListener( "load", function(e) {
-      var iframeWin = document.getElementById("iframeWin");
+       // Add parent to links
-      var content = (iframeWin.contentWindow || iframeWin.contentDocument);
+       let iframeWin = document.getElementById("iframeWin");
-      if (content.document)content = content.document;
+       let anchors = iframeWin.contentWindow.document.getElementById('mw-content-text').getElementsByTagName("a");
-       // Adjust padding/margin
+       for (let i=0; i<anchors.length; i++){
-       iframeWin.contentWindow.document.getElementById('maincontentwrapper').style.marginLeft = "0px";
+        anchors[i].setAttribute('target', '_parent');
-      iframeWin.contentWindow.document.getElementById('maincontentwrapper').style.paddingLeft = "0px";
+       }
-      // Hide header, heading, back link, form, filters, and footer
+       // Show iframe
-      content.body.getElementsByTagName("header")[0].style.display = "none";
+       document.getElementById('iframeDiv').style.display="block";
-      content.body.getElementsByClassName("firstHeading")[0].style.display = "none";
-      iframeWin.contentWindow.document.getElementById('contentSub').style.display = "none";
-      iframeWin.contentWindow.document.getElementsByClassName('usermessage').style.display = "none";
-       // content.body.getElementsByClassName("usermessage").style.display = "none";
-      iframeWin.contentWindow.document.getElementById('mw-content-text').getElementsByTagName("fieldset")[0].style.display = "none";
-       iframeWin.contentWindow.document.getElementById('mw-content-text').getElementsByTagName("fieldset")[1].style.display = "none";
-      iframeWin.contentWindow.document.getElementById('mw-content-text').getElementsByTagName("p")[0].style.display = "none";
-      iframeWin.contentWindow.document.getElementById('mw-content-text').getElementsByTagName("p")[1].style.display = "none";
-       content.body.getElementsByTagName("footer")[0].style.display = "none";
-       // Show
-       const newHeader = document.createElement("h4");
-      newHeader.appendChild(document.createTextNode("What links here"));
-      const contentText = document.getElementById("mw-content-text");
-      contentText.insertBefore(newHeader, contentText.firstChild);
-      iframeWin.style.display="block";
      });
      window.onload = function() {
-       var iframeWin = document.getElementById("iframeWin");
+       // Set styles
-       // Set iframe height
+      let iframeStyles = `
+        <style>
+          #maincontentwrapper {
+            margin-left: 0px;
+            padding-left: 0px;
+          }
+          #content {
+            padding-top: 0px;
+            padding-left: 0px;
+          }
+          header, #footer,
+          form, fieldset,
+          .firstHeading,
+          #contentSub,
+          .usermessage,
+          .mw-htmlform-ooui-wrapper {
+            display: none;
+          }
+        </style>`;
+      let iframeWin = document.getElementById("iframeWin");
+      let doc = iframeWin.contentDocument;
+      doc.body.innerHTML = doc.body.innerHTML + iframeStyles;
+       // Set height
        iframeWin.height = iframeWin.contentWindow.document.body.scrollHeight;
      }
    </script>
 </html>

Template: WhatLinksHere: Difference between revisions

Latest revision as of 15:11, 9 August 2023

What links here