*高分求*一个控制div的代码 2,该怎么处理-Java教程-爱易网页

高分求一个控制div的代码 2,该怎么处理

日期：2014-05-18　浏览次数：20730 次

**高分求***一个控制div的代码 2
我想增加的行里的iframe的地址由前一个行的按钮来确定，规律嘛，地址我一定要能在编排网页时自定义修改，网页编好后，由每一个按钮控制。

------解决方案--------------------
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 全自动增加 </title>
</head>

<body topMargin=0 bottomMargin=0>
<form name= "theForm " method= "post " action= "aaa.jsp ">
<table align= "center " width=100% id= "DataItem " border= "0 " bgcolor=#ff0000 cellpadding= "0 " cellspacing= "0 ">
<tr> <td id= "aaa " align= "center ">
1 <input type= "button " name= "check " value= "增加一个 " onclick= "addRow(); "> <input type= 'button ' value= '删除这个 ' class= 'button ' onclick= 'deleteRow() '>
<iframe src= 'http://www.sina.com.cn ' width=100% height=30 marginwidth=0 marginheight=0 frameborder=0 scrolling=No noresize=noresize> </iframe>
</td> </tr>
</table>
</from>
<script language= "javascript ">
aaa.height= (window.screen.availHeight-200)/10;
function addRow()
{
if(DataItem.rows.length==1)
url= "http://www.163.com ";
if(DataItem.rows.length==2)
url= "http://www.chinaren.com ";
if(DataItem.rows.length==3)
url= "http://www.sohu.com ";
if(DataItem.rows.length==4)
url= "http://www.163.com ";
var oRow1 = DataItem.insertRow(DataItem.rows.length);
var aRows = DataItem.rows;
var aCells= oRow1.cells;
var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length);
innerhtml1 = DataItem.rows.length+ " <input type= 'button ' name= 'check ' value= '增加一个 ' onclick= 'addRow(); '> <input type= 'button ' value= '删除这个 ' class= 'button ' onclick= 'deleteRow() '> ";
oCell1_2.innerHTML = innerhtml1 + " <iframe src= ' "+url+ " ' width=100% height=100 marginwidth=0 marginheight=0 frameborder=0 scrolling=No noresize=noresize> </iframe> ";
oCell1_2.align = "center ";
clientHeight= document.body.offsetHeight;
height1 = clientHeight/10*9/(DataItem.rows.length-1);
for(i=1;i <DataItem.rows.length;i++)
{
DataItem.rows[i].height = height1;
}
}
//删除行
function deleteRow()
{
clientHeight= document.body.offsetHeight;
height1 = clientHeight/10*9/(DataItem.rows.length-2);
for(i=1;i <DataItem.rows.length;i++)
{
if(DataItem.rows.length!=2)
DataItem.rows[i].height = height1;
}
var tr;
tr = event.srcElement.parentElement.parentElement;
DataItem.deleteRow(tr.rowIndex);
}
</script>
</body>
</html>

控制代码是这一段
if(DataItem.rows.length==1)
url= "http://www.163.com "; //新增的第一行时的地址
if(DataItem.rows.length==2)
url= "http://www.chinaren.com "; //新增的第二行时的地址
if(DataItem.rows.length==3)
url= "http://www.sohu.com "; //新增的第三行时的地址
if(DataItem.rows.length==4)
url= "http://www.163.com "; //新增的第四行时的地址
以此类推
应该很容易看懂吧

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

高分求一个控制div的代码 2,该怎么处理

相关资料更多>

推荐阅读更多>