ASX Latest Accidents: Difference between revisions

From AviationSafetyX Wiki
Jump to navigation Jump to search
← Older edit
VisualWikitext
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
   <div style="position:relative; width:820px; height:600px;">
   <div style="position:relative; width:820px; height:780px;">
      
      
     <!-- ARTWORK OVERLAY (TOP) -->
     <!-- ARTWORK OVERLAY (TOP) -->
     <img src="https://wiki.alsresume.com/images/a/a8/Think4.jpg"
     <img src="https://wiki.alsresume.com/images/e/ee/Think5b.jpg"
         style="position:absolute; top:0px; left:0px; width:800px; height:60px; z-index:999; pointer-events:none;">
         style="position:absolute; top:0px; left:0px; width:800px; height:60px; z-index:999; pointer-events:none;">
      
      
Line 9: Line 9:
     <iframe src="https://www.alsresume.com/asx-latest-accidents2/"
     <iframe src="https://www.alsresume.com/asx-latest-accidents2/"
             width="800"
             width="800"
             height="580"
             height="780"
             frameborder="0"
             frameborder="0"
             scrolling="yes"
             scrolling="yes"
Line 16: Line 16:


   </div>
   </div>
</html>
<html>
  <head>
    <style>
      #iframeBox {
        position: relative;
        width: 820px;
        overflow: hidden;
        transition: height 0.3s ease-in-out;
      }
      #iframeBox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 800px;
        border: none;
        z-index: 1;
      }
      #overlayBanner {
        position: absolute;
        top: 0;
        left: 0;
        width: 800px;
        height: 60px;
        z-index: 999;
        pointer-events: none;
      }
      .toggle-button {
        margin-bottom: 10px;
        padding: 6px 12px;
        background-color: #222;
        color: #fff;
        border: none;
        border-radius: 4px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        cursor: pointer;
      }
    </style>
    <script>
      let expanded = false;
      function toggleView() {
        const box = document.getElementById('iframeBox');
        const iframe = document.getElementById('asxFrame');
        if (expanded) {
          box.style.height = '200px';
          iframe.style.height = '200px';
        } else {
          box.style.height = '600px';
          iframe.style.height = '580px';
        }
        expanded = !expanded;
      }
    </script>
  </head>
  <body>
    <button class="toggle-button" onclick="toggleView()">Toggle View</button>
    <div id="iframeBox" style="height:200px;">
      <img id="overlayBanner" src="https://wiki.alsresume.com/images/a/a8/Think4.jpg" />
      <iframe id="asxFrame"
              src="https://www.alsresume.com/asx-latest-accidents2/"
              height="200"
              scrolling="yes">
      </iframe>
    </div>
  </body>
</html>
</html>

Latest revision as of 16:09, 20 May 2025

Retrieved from "https://wiki.alsresume.com/index.php?title=ASX_Latest_Accidents&oldid=39317"