论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2009-01-12 11:27 |只看该作者 |倒序浏览

5可用积分

我在页面上做了一个下拉框，通过在下拉框中选择不同的内容，在下面显示不同的表格，

当页面刚打开的时候，只有一个表格的table中的style=“block”，其他的都是none，这样就只有一个表格显示，其他都隐藏。

但是，当使用ie的时候表格显示还正常，使用火狐，opener，nesgater，页面就出现问题，表格显得很长，表格右侧的边界线被拉的很长。

我查看过是因为table里style=“block“引起的，谁能帮我解决一下啊？代码在下面我上传不了文件。

<html>
<head>
<title>00000000000</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function SelectList_onChange(selfValue)
{
var lastsel = 1;
var i = 0;
var divObject =document.getElementById("div_id");
var selsCollection=divObject.getElementsByTagName("table");
for(i=0;i<selsCollection.length;i++){
if(selsCollection.style.display == "block")
lastsel = selsCollection.getAttribute("id");
}
for(i=0;i<selsCollection.length;i++){
selsCollection.style.display="none";
}
var ListId= selfValue;
var selObject= document.getElementById(ListId);
selObject.style.display="block";
}
</script>
</head>
<BODY BGCOLOR=#F0F0F0 onLoad="init();sync_ready(0);top.updateVoyagerFrames(); return false;">
<FORM METHOD="POST" NAME="form" enctype="multipart/form-data" ACTION="/a/b/c/">
<table width="46%">
  <tbody>
<tr >
   <td width="65%" align="middle" class="cellInput"><p align="left"><label>111111111111111</label>
   </p></td>
   <td width="35%" align="middle">
   <div align="left">
      <select name="selectedzonename" id="select13" style="width:100px;" onchange="SelectList_onChange(this.value)">
<option value="zone1" selected="selected">zone1</option>
<option value="zone2">zone2</option>
</select>
   </div></td>
</tr>
  </tbody>
</table>
<div id="div_id">
<TABLE id="zone1" name="tabzone1" BORDER="1" cellpadding="0" cellspacing="0" class="tableBorderedColumns" style="display:block;">
<tr>
<th class="cellBordered" >Name</th>
<th class="cellBordered" >Active</th>
<th class="cellBordered" >Action</th>
</tr>
<tr class="light">
  <td class="cellInputBordered" style="white-space:nowrap" tip="Ping of Death">22222222222222</td>
  <td class="cellInputBordered" style="white-space:nowrap"><input type="radio" name="pnameactive222"  id="pidactive222" tip="invisible_true"  checked disabled ><label style="color:gray">On</label></input>   </td>
  <td class="cellInputBordered" style="white-space:nowrap"><input type="checkbox" name="pnameaction222" id="pidaction222" tip="invisible_true"  checked disabled ><label style="color:gray">Drop</label></input></td>
</tr></TABLE>
<TABLE id="zone2" name="tabzone2" BORDER="1" cellpadding="0" cellspacing="0" class="tableBorderedColumns" style="display:none;">
<tr>
<th class="cellBordered" >Name</th>
<th class="cellBordered" >Active</th>
<th class="cellBordered" >Action</th>
</tr>
<tr class="dark">
  <td class="cellInputBordered" style="white-space:nowrap" tip="Teardrop">333333333333333</td>
  <td class="cellInputBordered" style="white-space:nowrap"><input type="radio" name="tnameactive226"  id="tidactive226" tip="invisible_true"  checked disabled ><label style="color:gray">On</label></input>   </td>
  <td class="cellInputBordered" style="white-space:nowrap"><input type="checkbox" name="tnameaction226" id="tidaction226" tip="invisible_true"  checked disabled ><label style="color:gray">Drop</label></input></td>
</tr></TABLE>
</div>
</form>
</body></html>

最佳答案

chinarun

查看完整内容

这种问题经常遇到，还请高手来解答我把上面的代码执行在下面的连接了同样的代码，在不同浏览器下显示不同改为问题得到解决同样的代码，在不同浏览器下显示一致[ 本帖最后由 chinarun 于 2009-3-19 12:27 编辑 ]

文库|博客

chinarun

丰衣足食

论坛徽章:: 0

2楼 [报告]

发表于 2009-01-12 11:27 |只看该作者

这种问题经常遇到，还请高手来解答
我把上面的代码执行在下面的连接了
同样的代码，在不同浏览器下显示不同

<TABLE id="zone1" name="tabzone1" BORDER="1" cellpadding="0" cellspacing="0" class="tableBorderedColumns" style="display:block;">

改为

<TABLE id="zone1" name="tabzone1" BORDER="1" cellpadding="0" cellspacing="0" class="tableBorderedColumns" style="display:;">

问题得到解决

同样的代码，在不同浏览器下显示一致

[ 本帖最后由 chinarun 于 2009-3-19 12:27 编辑 ]

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

2009fun

稍有积蓄

论坛徽章:: 0

3楼 [报告]

发表于 2009-01-12 20:13 |只看该作者

我也不会~~

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

ziggler

版主

论坛徽章:: 0

4楼 [报告]

发表于 2009-01-13 10:25 |只看该作者

每一个浏览器对各种SCRIPT的支持不一样。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

chinarun

丰衣足食

论坛徽章:: 0

5楼 [报告]

发表于 2009-01-13 10:52 |只看该作者

原帖由 ziggler 于 2009-1-13 10:25 发表
每一个浏览器对各种SCRIPT的支持不一样。

也就是说，除去避免使用以外，没有其它的解决办法，是这样吗？

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

ynchnluiti

巨富豪门

论坛徽章:: 3

6楼 [报告]

发表于 2009-01-14 01:36 |只看该作者

原帖由 chinarun 于 2009-1-13 10:52 发表

也就是说，除去避免使用以外，没有其它的解决办法，是这样吗？

不是避免使用。而是尽量写通用代码，实在不行就加判断，根据浏览器类型执行不同的代码

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

ynchnluiti

巨富豪门

论坛徽章:: 3

7楼 [报告]

发表于 2009-01-14 01:39 |只看该作者

原帖由 tony124cft 于 2009-1-12 11:27 发表
我在页面上做了一个下拉框，通过在下拉框中选择不同的内容，在下面显示不同的表格，
我查看过是因为table里style=“block“引起的，谁能帮我解决一下啊？代码在下面我上传不了文件。

把style.display = "block"; 改成 style.display = "";试试

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

chinarun

丰衣足食

论坛徽章:: 0

8楼 [报告]

发表于 2009-01-14 10:05 |只看该作者

<TABLE id="zone1" name="tabzone1" BORDER="1" cellpadding="0" cellspacing="0" class="tableBorderedColumns" style="display:block;">

改为

<TABLE id="zone1" name="tabzone1" BORDER="1" cellpadding="0" cellspacing="0" class="tableBorderedColumns" style="display:;">

显示正常