Template: WhatLinksHere: Difference between revisions

@@ Line 1: / Line 1: @@
-<noinclude>
-== Usage ==
-{{WhatLinksHere}}
-</noinclude>
-----
 <html>
-<iframe id="iframeWin"
+  <div id="iframeDiv" style="display:none;">
-        src="/wiki/Special:WhatLinksHere/</html>{{PAGENAME}}<html>"
+    <hr style="width:5%;">
-        style="border:none; width:100%; display:none;"
+    <h4>What links here</h4>
-        title="What Links Here"></iframe>
+    <iframe id="iframeWin"
+            src="/wiki/Special:WhatLinksHere/</html>{{PAGENAME}}<html>"
+            style="border:none;width:100%;"></iframe>
+  </div>
-<script type="application/javascript">
+  <script>
-  document.querySelector("iframe").addEventListener( "load", function(e) {
+    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 & 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";
-    content.body.getElementsByTagName("footer")[0].style.display = "none";
-    // Show iframe
-    iframeWin.style.display="block";
-  });
+    window.onload = function() {
+      // Set styles
+      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;
-  document.querySelector("iframe").addEventListener( "message", function(e) {
+      // Set height
-    console.log(e.data);
+      iframeWin.height = iframeWin.contentWindow.document.body.scrollHeight;
-    console.log(e.data.params);
+     }
-    console.log(e.data.params.height);
+   </script>
-    // if (e.data && e.data.params && e.data.params.height) {
-    //   document.getElementById("iframeWin").style.height = event.data.params.height;
-     // }
-   });
-</script>
 </html>

Template: WhatLinksHere: Difference between revisions

Latest revision as of 15:11, 9 August 2023

What links here