You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
3.4 KiB
95 lines
3.4 KiB
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>大數據</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" crossorigin="anonymous">
|
|
<script type="text/javascript" src="js/jquery-2.1.1.min.js?t=2"></script>
|
|
<style type="text/css">
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.main{
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
.quarter-div{
|
|
width: 50%;
|
|
height: 50%;
|
|
float: left;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="main">
|
|
<div class="quarter-div">
|
|
<iframe name="main" id="myIframe11" src="/phb/da/eleage_qr.html?t=<?php echo time(); ?>" width="100%" height="100%" scrolling="no" frameborder="0" allowfullscreen="true">
|
|
Loading...</iframe>
|
|
</div>
|
|
<div class="quarter-div">
|
|
<iframe name="main" id="myIframe22" src="/phb/da/area_qr.html?t=<?php echo time(); ?>" width="100%" height="100%" scrolling="no" frameborder="0" allowfullscreen="true">
|
|
Loading...</iframe>
|
|
</div>
|
|
<div class="quarter-div">
|
|
<iframe name="main" id="myIframe33" src="/phb/map/realtimefail_qr.html?t=<?php echo time(); ?>" width="100%" height="96%" scrolling="auto" frameborder="0" allowfullscreen="true">
|
|
Loading...</iframe>
|
|
</div>
|
|
<div class="quarter-div">
|
|
<iframe name="main" id="myIframe44" src="/phb/map/monthfail_qr.html?t=<?php echo time(); ?>" width="100%" height="98%" scrolling="no" frameborder="0" allowfullscreen="true">
|
|
Loading...</iframe>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function reinitIframe(){
|
|
var iframe1 = document.getElementById("myIframe1");
|
|
var iframe2 = document.getElementById("myIframe2");
|
|
var iframe3 = document.getElementById("myIframe3");
|
|
var iframe4 = document.getElementById("myIframe4");
|
|
try{
|
|
/*
|
|
|
|
iframe1.height = 500;
|
|
iframe3.height = 500;
|
|
iframe4.height = 700;
|
|
*/
|
|
var bHeight1 = iframe1.contentWindow.document.body.scrollHeight;
|
|
var dHeight1 = iframe1.contentWindow.document.documentElement.scrollHeight;
|
|
var height1 = Math.max(bHeight1, dHeight1);
|
|
iframe1.height = height1;
|
|
console.log(height1);
|
|
|
|
var bHeight2 = iframe2.contentWindow.document.body.scrollHeight;
|
|
var dHeight2 = iframe2.contentWindow.document.documentElement.scrollHeight;
|
|
var height2 = Math.max(bHeight2, dHeight2);
|
|
iframe2.height = height2;
|
|
|
|
var bHeight3 = iframe3.contentWindow.document.body.scrollHeight;
|
|
var dHeight3 = iframe3.contentWindow.document.documentElement.scrollHeight;
|
|
var height3 = Math.max(bHeight3, dHeight3);
|
|
iframe3.height = height3;
|
|
|
|
var bHeight4 = iframe4.contentWindow.document.body.scrollHeight;
|
|
var dHeight4 = iframe4.contentWindow.document.documentElement.scrollHeight;
|
|
var height4 = Math.max(bHeight4, dHeight4);
|
|
iframe4.height = height4;
|
|
|
|
}catch (ex){
|
|
|
|
}
|
|
}
|
|
//window.setInterval("reinitIframe()", 100);
|
|
/*
|
|
// Selecting the iframe element
|
|
var iframe = document.getElementById("myIframe");
|
|
|
|
// Adjusting the iframe height onload event
|
|
iframe.onload = function(){
|
|
//iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
|
|
}
|
|
*/
|
|
</script>
|
|
</body>
|
|
</html>
|