87,922
社区成员
发帖
与我相关
我的任务
分享javascript动态控制frameset的row的问题
麻烦大家帮忙，这个问题已经困扰好几天了，请大家帮帮忙！！！
我想通过javascript控制frameset的row值。
在frameset里的row值我设的是rows="126,*,90"，这三行分别对应top、middle、bottom。我想通过javascript得到浏览器显示区域的高度，用这个高度减去126，然后付给rows="126,*,90"里面的*，也就是付给middle的高度(其实也就是想让网页一显示的时候，让top按指定的126高度显示，让middle行的底缘与浏览器的底缘自适应重合，然后通过垂直的滚动条才能看见bottom行，bottom行的高度也是指定的90)。
这样这三行的高度分别为：top（126），middle（浏览器显示区域高度-126），bottom（90），
总高度：浏览器显示区域高度+90
我通过发帖子已经求到了代码，这段代码可以动态控制frameset的rows值，但网页显示出来的效果有问题，浏览器好像不是按我指定的rows值显示，如果这三行的总高度超过浏览器显示区域的高度，浏览器就自动按三行高度的比例进行显示，所以总达不到top行按指定的126显示，middle行底缘与浏览器底缘自适应重合，最底下的bottom行得通过垂直滚动条才能看见的效果。
如果能帮上忙，请大家帮我把你们的代码运行一下，运行通了，把整体代码粘贴上，我是个生手，请大家帮忙，万分感谢！
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
window.onload=function(){
var h;
if (window.innerHeight != null) {
h = window.innerHeight - 126;
} else {
h = document.documentElement.clientHeight;
}
document.getElementById("fs").rows = "126," + h + ",90";
alert(document.getElementById("fs").rows);
}
</script>
</head>
<frameset id="fs" rows="126,*,90" cols="*" framespacing="0" frameborder="yes" border="5" bordercolor="#3300FF" >
<frame src="top.html" frameborder="yes" name="top" bordercolor="#FFFF00" noresize title="top" scrolling="no">
<frame src="middle.html" frameborder="yes" name="middle" bordercolor="#FF0000" noresize title="middle">
<frame src="bottom.html" frameborder="yes" name="bottom" bordercolor="#FFFF00" noresize title="bottom" scrolling="no">
</frameset>
<noframes></noframes>
</html>
我想通过javascript控制frameset的row值。
在frameset里的row值我设的是rows="126,*,90"，这三行分别对应top、middle、bottom。我想通过javascript得到浏览器显示区域的高度，用这个高度减去126，然后付给rows="126,*,90"里面的*，也就是付给middle的高度(其实也就是想让网页一显示的时候，让top按指定的126高度显示，让middle行的底缘与浏览器的底缘自适应重合，然后通过垂直的滚动条才能看见bottom行，bottom行的高度也是指定的90)。
这样这三行的高度分别为：top（126），middle（浏览器显示区域高度-126），bottom（90），
总高度：浏览器显示区域高度+90
我通过发帖子已经求到了代码，这段代码可以动态控制frameset的rows值，但网页显示出来的效果有问题，浏览器好像不是按我指定的rows值显示，如果这三行的总高度超过浏览器显示区域的高度，浏览器就自动按三行高度的比例进行显示，所以总达不到top行按指定的126显示，middle行底缘与浏览器底缘自适应重合，最底下的bottom行得通过垂直滚动条才能看见的效果。
如果能帮上忙，请大家帮我把你们的代码运行一下，运行通了，把整体代码粘贴上，我是个生手，请大家帮忙，万分感谢！
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
window.onload=function(){
var h;
if (window.innerHeight != null) {
h = window.innerHeight - 126;
} else {
h = document.documentElement.clientHeight;
}
document.getElementById("fs").rows = "126," + h + ",90";
alert(document.getElementById("fs").rows);
}
</script>
</head>
<frameset id="fs" rows="126,*,90" cols="*" framespacing="0" frameborder="yes" border="5" bordercolor="#3300FF" >
<frame src="top.html" frameborder="yes" name="top" bordercolor="#FFFF00" noresize title="top" scrolling="no">
<frame src="middle.html" frameborder="yes" name="middle" bordercolor="#FF0000" noresize title="middle">
<frame src="bottom.html" frameborder="yes" name="bottom" bordercolor="#FFFF00" noresize title="bottom" scrolling="no">
</frameset>
<noframes></noframes>
</html>
...全文
请发表友善的回复…
发表回复
eclipse-testng 离线包
.testMethodStatusCONF { }
.testMethodStatusCONF { display: none; }
.testMethodStatusFAIL { background-color: #FFBBBB; }
.testMethodStatusFAIL { background-color: #FFBBBB; display: none; }
.testMethodStatusPASS { background-color: lightgreen; }
.testMethodStatusPASS { background-color: lightgreen; display: none; }
.testMethodStatusSKIP { background-color: #FFFFBB; }
.testMethodStatusSKIP { background-color:
#FFFFBB; display: none; }
-1)
{
document.styleSheets[i][rules][j].style[element] = value;
break;
}
}
}
}
function closeAllExpandedDetails() {
var node = document.getElementsByTagName("body")[0];
//var re = new RegExp("\
\btestMethodDetailsVisible\\b");
var els = document.getElementsByTagName("div");
for (var i =
0,j = els.length; i < j; i++) {
if (els[i].className == "testMethodDetailsVisible") {
els[i].className = "testMethodDetails";
}
}
}
function
renderSvgEmbedTag(chartWidth, chartHeight) {
var success = false;
var userAgent =
navigator.userAgent;
if (userAgent.indexOf("Firefox") > -1 || userAgent.indexOf("Safari") > -1) {
success = true;
} else if (navigator.mimeTypes != null && navigator.mimeTypes.length > 0) {
if (navigator.mimeTypes["image/svg+xml"] != null) {
success = true;
}
} else if (window.ActiveXObject) {
try {
testObj = new
ActiveXObject("Adobe.SVGCtl");
success = true;
} catch (e) {}
}
var chartContainer = document.getElementById('chart-container');
if (success) {
var chart = document.createElement('embed');
chart.src =
'overview-chart.svg';
chart.type = 'image/svg+xml';
chart.width = chartWidth;
chart.height = chartHeight;
chartContainer.appendChild(chart);
} else {
var message = document.createElement('h4');
var text =
document.createTextNode('SVG Pie Charts are not available. Please install a SVG viewer for your browser.');
message.style.color = 'navy';
message.appendChild(text);
chartContainer.appendChild(message);
}
}
]]>
<xsl:value-
of select="testng:getVariableSafe($testNgXslt.reportTitle, 'TestNG Results')"/>
<script type="text/javascript" src="main.js"/>
Groups for suite:
-
Test suites overview
|
<script type="text/javascript">
renderSvgEmbedTag( |
|
|
||||||
|
|
|
|
|
|
|
|
Reporter output
|
All methods in suite
|
Groups for suite:
|
|
|
|
| Name | Started | Duration | Exception |
|
|
|||
| Name | Started | Duration | Exception |
<No stacktrace information>
|
Test case
|
Generated with
TestNG XSLT
