初学者一问,望各位不吝赐教。

r9lu 2004-06-17 08:52:45
各位大哥,本人初学JSP,现在想实现如下功能。
页面由若干个单元格组成,每个单元格里面有一个文本框让用户输入数据,当输入的数据大于某个给定值的时候,该单元格的颜色就改变为特定的颜色(比如说红色)。
注:术语不够专业,望谅解。
在线等。。。
...全文
93 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
r9lu 2004-06-18
  • 打赏
  • 举报
回复
谢谢 meizz(梅花雪)
meizz 2004-06-18
  • 打赏
  • 举报
回复
<table border=1 width=400>
<tr>
<td><input max=100 onkeyup="meizz(this)">max=100</td>
<td><input max=200 onkeyup="meizz(this)">max=200</td>
</tr>
<tr>
<td><input max=300 onkeyup="meizz(this)">max=300</td>
<td><input max=400 onkeyup="meizz(this)">max=400</td>
</tr>
<tr>
<td><input max=500 onkeyup="meizz(this)">max=500</td>
<td><input max=600 onkeyup="meizz(this)">max=600</td>
</tr>
</table>

<SCRIPT LANGUAGE="JavaScript">
function searchObjByTagName(obj, tag)
{
while(obj!=null && typeof(obj.tagName) != "undefind")
{
if(obj.tagName == tag.toUpperCase()) return(obj);
obj = obj.parentElement;
}
return null;
}
function meizz(e)
{
var td = searchObjByTagName(e, "TD");
if(e.max && parseFloat(e.value)>e.max)
{
e.style.backgroundColor = "yellow";
if(td) td.bgColor = "red"; //颜色你自己定
}
else //小于这个数时恢复到平常状态
{
e.style.removeAttribute("backgroundColor");
if(td) td.removeAttribute("bgColor");
}
}
</SCRIPT>
r9lu 2004-06-17
  • 打赏
  • 举报
回复
变色功能已经实现了,但是我想改变text框所在的单元格颜色。请赐教
r9lu 2004-06-17
  • 打赏
  • 举报
回复
谢谢两位帮助。
pengxuan 2004-06-17
  • 打赏
  • 举报
回复
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style>
.maxclass{background-color:red}
</style>
<script>
function aa(text)
{
if (parseInt(text.value)>100)
{
text.parentNode.className="maxclass";
}
}
</script>
</head>

<body>
<form method="POST" action="--WEBBOT-SELF--">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="386">
<tr>
<td width="33%" height="106">
<input type="text" name="T1" size="20" onkeyup="aa(this)"></p>
 </td>
<td width="33%" height="106"><input type="text" name="T2" size="20" onkeyup="aa(this)"></td>
<td width="34%" height="106"><input type="text" name="T3" size="20" onkeyup="aa(this)"></td>
</tr>
<tr>
<td width="33%" height="149"><input type="text" name="T4" size="20" onkeyup="aa(this)"></td>
<td width="33%" height="149"><input type="text" name="T5" size="20" onkeyup="aa(this)"></td>
<td width="34%" height="149"><input type="text" name="T6" size="20" onkeyup="aa(this)"></td>
</tr>
<tr>
<td width="33%" height="129"><input type="text" name="T7" size="20" onkeyup="aa(this)"></td>
<td width="33%" height="129"><input type="text" name="T8" size="20" onkeyup="aa(this)"></td>
<td width="34%" height="129"><input type="text" name="T9" size="20" onkeyup="aa(this)"></td>
</tr>
</table>
</form>
</body>

</html>
meizz 2004-06-17
  • 打赏
  • 举报
回复
<input onkeydown="mm(this)" max=100 id=input1>
<SCRIPT LANGUAGE="JavaScript">
function mm(e)
{
if(e.id) setTimeout("setBGColor('"+ e.id +"')");
}
function setBGColor(id)
{
var e = document.getElementById(id);
if(e && e.max!="")
{
if(parseFloat(e.value) > e.max) e.style.backgroundColor = "#FF0000";
else e.style.backgroundColor = "#FFFFFF";
}
}
</SCRIPT>

87,921

社区成员

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

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