0

我的 Joomla 上有一个预订页面！2.5 访客可以报名参加活动的网站；这些活动有 3 种不同的状态：少于 20：初步（对注册人开放）超过 20：确认（对注册人仍然开放） 60：完全（对注册人关闭）

我希望使用javascript（或者如果可能的话只使用css）根据从registrants-table中提取的值来更改表格单元格的背景颜色。我在这里发现了几个类似的问题，但到目前为止只有两个值：like this one。

我已经在 jsfiddle dot net 克隆了最新的实时示例并试图让它工作，但是把它搞砸了，所以它不起作用......我什至不确定将它合并到有问题的组件中的最佳方法一次它确实有效（''，）希望有人能指出我正确的方向吗？

无法发布链接/DaBouncer/DL6U2/185/]

4

1 回答 1

0

如果我理解正确，您需要以下内容：

HTML：

<table border="1">
<tr>
    <td>1</td>
    <td>4</td>
    <td>12</td>
</tr>
</table>

CSS：

table td {
    padding: 5px 30px;
}

jQuery：

var cell = $('td');

cell.each(function() {
var cell_value = $(this).html();
if ((cell_value >= 0) && (cell_value <=2)) {
    $(this).css({'background' : '#FF0000'});   
} else if ((cell_value >= 3) && (cell_value <=7)) {
    $(this).css({'background' : '#0066CC'});
} else if (cell_value >= 8) {
    $(this).css({'background' : '#00CC66'});
}
});

这是一个例子：http: //jsfiddle.net/4Yp95/

编辑

尝试使用其中的 jquery 代码创建一个 script.js 文件（在一个名为“js”的文件夹中），并在 jquery 之后，就在关闭选项卡之前，在“index.php”文件中加载它：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/script.js"></script>

也许它有效

于 2013-04-21T20:04:53.330 回答