一个表格问题，可能有点难度

jca 2003-02-25 10:36:04
目前已经有了一个网站，其中许多页面有动态表格，现在需要实现的是把页面中的动态表格在按单双行显示不同的颜色（不是页面中所有的表格，只是其中的一个表格）。有没有什么简单的方法来实现。
因为这些页面中都调用了css，我想通过css来实现，不知道可不可行。
谢谢帮助
...全文
48 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
jca 2003-02-26
  • 打赏
  • 举报
 回复
非常感谢
jca 2003-02-25
  • 打赏
  • 举报
 回复
能不能说的详细点，我对这个不熟悉
qiudehuo 2003-02-25
  • 打赏
  • 举报
 回复
应该可以实现，采用样式中定义HTC，
.table1 {behavior:url(table.htc);
}
在table.htc中定javascript脚本实现按单双行显示不同的颜色
SKYWIND6521 2003-02-25
  • 打赏
  • 举报
 回复
滿足條件可以這樣加樣式:
document.all.**.className="myCSS";
qiudehuo 2003-02-25
  • 打赏
  • 举报
 回复
<html>

<head>

<style>
<!--
table { behavior:url(table.htc); }
-->
</style>
</head>

<body>

<table class="table1" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
</table>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="33%">　</td>
<td width="33%">　</td>
<td width="34%">　</td>
</tr>
<tr>
<td width="33%">　</td>
<td width="33%">　</td>
<td width="34%">　</td>
</tr>
<tr>
<td width="33%">　</td>
<td width="33%">　</td>
<td width="34%">　</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
<tr>
<td width="33%">　</td>
<td width="33%">　</td>
<td width="34%">　</td>
</tr>
<tr>
<td width="33%">　</td>
<td width="33%">　</td>
<td width="34%">　</td>
</tr>
<tr>
<td width="33%">　</td>
<td width="33%">　</td>
<td width="34%">　</td>
</tr>
</table>

</body>

</html>





<PUBLIC:COMPONENT>
<public:attach event="oncontentready" onevent="Init()" />
<SCRIPT language="JScript">

//-----------------------------------------------

function Init()
{
if(window.document.getElementsByTagName("TABLE")[2]==element){
for(i=0;i<element.rows.length;i++){
if(i%2==0)
element.rows(i).style.backgroundColor = "#0000FF";
else
element.rows(i).style.backgroundColor = "#FF0000";
}
}

}
</SCRIPT>

</PUBLIC:COMPONENT>
jca 2003-02-25
  • 打赏
  • 举报
 回复
再麻烦一下，我要实现的是网中第三个表格的分行显示，其他表格不需要，我应该怎么改动。
谢谢
qiudehuo 2003-02-25
  • 打赏
  • 举报
 回复
实例

html文件：
<html>

<head>

<style>
<!--
.table1 { behavior:url(table.htc); }
-->
</style>
</head>

<body>

<table class="table1" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
<tr>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
<td width="25%">　</td>
</tr>
</table>

</body>

</html>

htc文件：
<PUBLIC:COMPONENT>
<public:attach event="oncontentready" onevent="Init()" />
<SCRIPT language="JScript">

//-----------------------------------------------

function Init()
{
for(i=0;i<element.rows.length;i++){
if(i%2==0)
element.rows(i).style.backgroundColor = "#0000FF";
else
element.rows(i).style.backgroundColor = "#FF0000";
}

}
</SCRIPT>

</PUBLIC:COMPONENT>
Go_Rush 2003-02-25
  • 打赏
  • 举报
 回复
如果所有网页使用了公用的css,无疑在这个css引入htc是最简单的方法。

因为无任你有几百个页面你只需要在这一个htc里面编程就可以了
rengs 2003-02-25
  • 打赏
  • 举报
 回复
定义两个底色不同的class
在你动态产生表格时
for ....
if trCls = class1 then
trCls=class2
else
trCls=class1
end if
%>
<tr class=<%=trCls%> ...
...
next
easyui+ztree后台管理系统模板
"easyui+ztree后台管理系统模板"意味着已经有一个预设的、结合了EasyUI和ZTree的管理界面，开发者只需要根据实际需求填充数据和调整细节，就能快速构建出一个完整的后台系统。 5. **文件结构**：在"flmkFrame"这个...
【操作系统】Excel多个表格通过相同的列合并成一个表格
犹豫表格太多，而且相同列的id也不是按一样的顺序排列的，所以复制粘贴的难度加大了。这里的匹配条件是FALSE是精准匹配，TRUE是近似匹配。这里的序列数就是要展示的之前的单元格的项。这里的数据不就是匹配的单元格...
Excel多个表格通过相同的列合并成一个表格
原创 Excel多个表格通过相同的列合并成一个表格 ...
怎样在表格中选出同一类_怎样将一个excel表格里头的多个同一个名称下面的多个数据筛选出来...
把这些掌握就差不多了一、建立分类下拉列表填充项我们常常要将企业的名称输入到表格中，为了保持名称的一致性，利用“数据有效性”功能建了一个分类下拉列表填充项。1.在Sheet2中，将企业名称按类别(如“工业企业”...
计算机表格要学些什么,几个Excel表格的制作方法
既有实用的，也有“艺术”的……斜线表头制作Excel中制作表格非常简单，选取一定的区域后，右击选择“设置单元格格式”(或直接按Ctrl+1键)调出设置对话框，切换到“边框”设置框线，确定后即可快速得到一个表格了。...
JavaScript

87,996

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章