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 {
       #iframeBox {
        width: 820px;
      }
 
      .collapse-container {
         position: relative;
         position: relative;
         width: 820px;
         width: 820px;
        height: 200px;
         overflow: hidden;
         overflow: hidden;
         transition: height 0.4s ease-in-out;
         transition: height 0.3s ease-in-out;
       }
       }


       .collapse-container.expanded {
       #iframeBox iframe {
        height: 600px;
      }
 
      .overlay-image {
         position: absolute;
         position: absolute;
         top: 0px;
         top: 0;
         left: 0px;
         left: 0;
         width: 800px;
         width: 800px;
         height: 60px;
         border: none;
         z-index: 999;
         z-index: 1;
        pointer-events: none;
       }
       }


       .iframe-content {
       #overlayBanner {
         position: absolute;
         position: absolute;
         top: 0;
         top: 0;
         left: 0;
         left: 0;
         width: 800px;
         width: 800px;
         height: 580px;
         height: 60px;
         border: none;
         z-index: 999;
         z-index: 1;
         pointer-events: none;
       }
       }


       .toggle-button {
       .toggle-button {
         margin-bottom: 10px;
         margin-bottom: 10px;
         cursor: pointer;
         padding: 6px 12px;
        font-family: Arial, sans-serif;
        font-size: 14px;
         background-color: #222;
         background-color: #222;
         color: #fff;
         color: #fff;
        padding: 6px 12px;
         border: none;
         border: none;
         border-radius: 4px;
         border-radius: 4px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        cursor: pointer;
       }
       }
     </style>
     </style>
     <script>
     <script>
       function toggleCollapse() {
      let expanded = false;
         const container = document.getElementById("asxContainer");
       function toggleView() {
         container.classList.toggle("expanded");
         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>
     </script>
Line 61: Line 59:
   <body>
   <body>


     <div class="collapse-wrapper">
     <button class="toggle-button" onclick="toggleView()">Toggle View</button>
      <button class="toggle-button" onclick="toggleCollapse()">Toggle View</button>


      <div id="asxContainer" class="collapse-container">
    <div id="iframeBox" style="height:200px;">
        <img class="overlay-image" src="https://wiki.alsresume.com/images/a/a8/Think4.jpg">
      <img id="overlayBanner" 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>
      <iframe id="asxFrame"
       </div>
              src="https://www.alsresume.com/asx-latest-accidents2/"
              height="200"
              scrolling="yes">
       </iframe>
     </div>
     </div>


Revision as of 11:00, 22 April 2025



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