社区
JavaScript
帖子详情
一个表格问题,可能有点难度
jca
2003-02-25 10:36:04
目前已经有了一个网站,其中许多页面有动态表格,现在需要实现的是把页面中的动态表格在按单双行显示不同的颜色(不是页面中所有的表格,只是其中的一个表格)。有没有什么简单的方法来实现。
因为这些页面中都调用了css,我想通过css来实现,不知道可不可行。
谢谢帮助
...全文
48
9
打赏
收藏
一个表格问题,可能有点难度
目前已经有了一个网站,其中许多页面有动态表格,现在需要实现的是把页面中的动态表格在按单双行显示不同的颜色(不是页面中所有的表格,只是其中的一个表格)。有没有什么简单的方法来实现。 因为这些页面中都调用了css,我想通过css来实现,不知道可不可行。 谢谢帮助
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章