这是一个创建于 4033 天前的主题，其中的信息可能已经有所发展或是发生改变。
各位，要用JavaScript实现两个页面上的小功能，但是完全不懂JavaScript，特向各位请教。
情形一：要实现一个状态条体现数字的大小
1.在文本框中填写数字，状态条有相应的变化；
2.填写的数字有最大值的要求（最小值为0）；
3.样式见下图；
情形二：实现页面的计时（就是网络问卷系统的那种计时）
1.进入一个页面后，会要求在一定的时间内完成题目，出现一个时间柱；
2.页面相应的时间是可以从session、或response中读取最好；
3.如果能在时间快结束的时候，这个时间柱能变颜色最好（比如：由蓝色变成红色）；
4.同时有另一个问题，如何控制不能刷新页面，防止答题人刷新页面重新答题。
我只了解java，可以说完全不动JavaScript，如果能提供相应的demo，非常感谢。
因为找了几个Demo包，都没有发现相应的例子，特来求助。
情形一：要实现一个状态条体现数字的大小
1.在文本框中填写数字，状态条有相应的变化；
2.填写的数字有最大值的要求（最小值为0）；
3.样式见下图；
情形二：实现页面的计时（就是网络问卷系统的那种计时）
1.进入一个页面后，会要求在一定的时间内完成题目，出现一个时间柱；
2.页面相应的时间是可以从session、或response中读取最好；
3.如果能在时间快结束的时候，这个时间柱能变颜色最好（比如：由蓝色变成红色）；
4.同时有另一个问题，如何控制不能刷新页面，防止答题人刷新页面重新答题。
我只了解java，可以说完全不动JavaScript，如果能提供相应的demo，非常感谢。
因为找了几个Demo包，都没有发现相应的例子，特来求助。
3 条回复 • 1970-01-01 08:00:00 +08:00
 |
1
zhttty 2013-04-11 16:07:37 +08:00
随便写的第一条：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>progressBar</title> <script type="text/javascript"> function changePB() { document.getElementById('imgwidth').width=document.getElementById('timelimit').value; } </script> </head> <body> <div class="top"> <form name="pi"> <label>Item A</label> <input id="timelimit" type="text" name="timelimit" value="100" style="width: 30px" onchange="changePB()" /> <img id="imgwidth" alt="progressImg" src="progressImg.png" height=13 /> </form> </div> </body> </html> |
|
2
zhttty 2013-04-11 16:10:16 +08:00
引用的图片是173*13的长条；
你那个倒计时很简单的，只要将变量改成倒计时的变量就好了。 |
Select Language