ASX Latest Accidents: Difference between revisions

From AviationSafetyX Wiki
Jump to navigation Jump to search
← Older editNewer edit →
Visual
No edit summary
No edit summary
Line 2: Line 2:
   <head>
   <head>
     <style>
     <style>
      .collapse-wrapper {
        width: 820px;
      }
       .collapse-container {
       .collapse-container {
         position: relative;
         position: relative;
         width: 820px;
         width: 820px;
         height: 200px; /* Default collapsed height */
         height: 200px;
        transition: height 0.3s ease-in-out;
         overflow: hidden;
         overflow: hidden;
        transition: height 0.4s ease-in-out;
       }
       }
       .collapse-container.expanded {
       .collapse-container.expanded {
         height: 600px; /* Expanded height */
         height: 600px;
       }
       }
      .overlay-image {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 800px;
        height: 60px;
        z-index: 999;
        pointer-events: none;
      }
      .iframe-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 800px;
        height: 580px;
        border: none;
        z-index: 1;
      }
       .toggle-button {
       .toggle-button {
         margin-bottom: 10px;
         margin-bottom: 10px;
Line 17: Line 43:
         font-family: Arial, sans-serif;
         font-family: Arial, sans-serif;
         font-size: 14px;
         font-size: 14px;
         background-color: #444;
         background-color: #222;
         color: #fff;
         color: #fff;
         padding: 6px 12px;
         padding: 6px 12px;
Line 24: Line 50:
       }
       }
     </style>
     </style>
     <script>
     <script>
       function toggleCollapse() {
       function toggleCollapse() {
         const container = document.getElementById("asxCollapse");
         const container = document.getElementById("asxContainer");
         container.classList.toggle("expanded");
         container.classList.toggle("expanded");
       }
       }
     </script>
     </script>
   </head>
   </head>
   <body>
   <body>


     <button class="toggle-button" onclick="toggleCollapse()">Toggle View</button>
     <div class="collapse-wrapper">
 
      <button class="toggle-button" onclick="toggleCollapse()">Toggle View</button>
    <div id="asxCollapse" class="collapse-container">
 
      <!-- ARTWORK OVERLAY (TOP) -->
      <img src="https://wiki.alsresume.com/images/a/a8/Think4.jpg"
          style="position:absolute; top:0px; left:0px; width:800px; height:60px; z-index:999; pointer-events:none;">
 
      <!-- IFRAME -->
      <iframe src="https://www.alsresume.com/asx-latest-accidents2/"
              width="800"
              height="580"
              frameborder="0"
              scrolling="yes"
              style="display:block; border:none; position:absolute; top:0; left:0; z-index:1;">
      </iframe>


      <div id="asxContainer" class="collapse-container">
        <img class="overlay-image" src="https://wiki.alsresume.com/images/a/a8/Think4.jpg">
        <iframe class="iframe-content" src="https://www.alsresume.com/asx-latest-accidents2/" scrolling="yes"></iframe>
      </div>
     </div>
     </div>


   </body>
   </body>
</html>
</html>




Revision as of 10:57, 22 April 2025



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