From AviationSafetyX Wiki
Jump to navigation
Jump to search
|
|
| 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> |
Revision as of 11:02, 22 April 2025
