0
我在我的頁面中有一個Flash對象,我想盡可能大。該頁面幾乎是空白的,除了一件事:頂部的一個酒吧。我的<object>忽略了其父母的身高
HTML:
<head>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
// setting flashvars, params, attributes
//...
// adding swf
swfobject.embedSWF("myflash.swf", "myAlternativeContent", "100%", "100%", "9.0.114", "swfobject/expressInstall.swf", flashvars, params, attributes);
</script>
</head>
<body>
<div id='banner'>
this is random text, could be an image, could be a menu, with a certain random height i cannot predict
</div>
<div>
<div id="myAlternativeContent">
</div>
</div>
</body>
當我在IE 8查看此頁面,flash對象具有確實的100%的高度,但它不是的父DIV瀏覽器窗口。這意味着我得到一個垂直滾動條,如果我滾動它,閃光燈將填滿整個窗口。這不是我想要的。我希望頁面沒有滾動條,並且閃光燈具有窗口其餘部分的高度。
我試着用JavaScript這個溶液(結束div後):
<script language="javascript" type="text/javascript">
function getWindowHeight() {
// by http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
var myHeight = 0;
if(typeof(window.innerWidth) == "number") {
//Non-IE
myHeight = window.innerHeight;
} else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in "standards compliant mode"
myHeight = document.documentElement.clientHeight;
} else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
myHeight = document.body.clientHeight;
}
return myHeight;
}
var otherheight = document.getElementById("banner").offsetHeight;
document.getElementById("myAlternativeContent").parentNode.style.height = (getWindowHeight() - otherheight) + "px";
</script>
但後來我看到,即使父div的高度被設置爲正確的金額,flash對象完全忽略它並沒有重新繪製或什麼,只是保持其快樂的高度。
我該如何完成我想要做的事情?沒有滾動條,頂部的橫幅,然後窗口的其餘部分充滿了我的閃存對象?
(getWindowHeight() - otherheight)
您還需要小心: - :
ooh它在我的PHP函數中花了一些時間來重寫生成html,但它是值得的,因爲這個工作,並在我測試的每個瀏覽器。謝謝! – Tominator 2010-08-23 15:53:21
不客氣:) – Basic 2010-08-23 23:13:15