我编写了一个servlet java程序.
在执行程序的一个特定循环期间,我需要在JSP表单中显示一个gif文件,指示进程正在进行.
我不知道在循环中实现相同的内容.
请告知如何完成相同的操作,以便在JSP表单中显示gif文件,如果您可以为了处理显示而建议任何.gif文件,那将非常有用.我是java的初学者.
提前致谢
JSP应该输出HTML.HTML中的图像将使用<img>标记显示.此标记具有src应该指向公共Web资源的属性.这是一个例子:
<img src="progress.gif">
在http://example.com/context/page打开JSP页面时,这假定该progress.gif文件存在于http://example.com/context/progress.gif中(即在public webcontent文件夹的根目录中) .
现在,您只想在按下提交按钮时显示图像,以便等待响应完成.您可以通过最初使用CSS隐藏图像并使用JavaScript重新显示它来完成此操作.
HTML:
<input type="submit" onclick="showProgress()">
<img id="progress" src="progress.gif">
CSS:
#progress {
display: none;
}
JavaScript的
function showProgress() {
document.getElementById('progress').style.display = 'block';
}
响应完成后,它将使用新目标页面刷新页面,并且进度图像将"自动"消失.
更新:这是完整的JSP文件的样子:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<style>
#progress {
display: none;
}
</style>
<script>
function showProgress() {
document.getElementById('progress').style.display = 'block';
}
</script>
</head>
<body>
<form>
<input type="submit" onclick="showProgress()">
<img id="progress" src="progress.gif">
</form>
</body>
</html>
或者当CSS/JS在其自己的文件中外部化时(推荐):
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<form>
<input type="submit" onclick="showProgress()">
<img id="progress" src="progress.gif">
</form>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
4136 次 |
| 最近记录： |