ASX Latest Accidents: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<html> | |||
<head> | |||
<style> | |||
.collapse-container { | |||
position: relative; | |||
width: 820px; | |||
height: 200px; /* Default collapsed height */ | |||
transition: height 0.3s ease-in-out; | |||
overflow: hidden; | |||
} | |||
.collapse-container.expanded { | |||
height: 600px; /* Expanded height */ | |||
} | |||
.toggle-button { | |||
margin-bottom: 10px; | |||
cursor: pointer; | |||
font-family: Arial, sans-serif; | |||
font-size: 14px; | |||
background-color: #444; | |||
color: #fff; | |||
padding: 6px 12px; | |||
border: none; | |||
border-radius: 4px; | |||
} | |||
</style> | |||
<script> | |||
function toggleCollapse() { | |||
const container = document.getElementById("asxCollapse"); | |||
container.classList.toggle("expanded"); | |||
} | |||
</script> | |||
</head> | |||
<body> | |||
<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> | |||
</body> | |||
</html> | |||
<html> | <html> | ||
<div style="position:relative; width:820px; height:600px;"> | <div style="position:relative; width:820px; height:600px;"> | ||
Revision as of 10:56, 22 April 2025
