我有一个包含四个选项卡和背景图像的JSP页面。我希望当我点击其中一个选项卡时,应该调用一个JSP函数,它只会更新点击的标签内容而不是整个页面和背景图像。一个类似的例子可以是ASP.NET中的多视图控件只加载jsp选项卡内容在选项卡上单击JavaScript?
1
A
回答
2
ASP.NET不能与普通JSP进行比较。 JSP更像“经典ASP”。如果您正在寻找ASP.NET(-MVC)的Java对应部分,请查看JSF。例如PrimeFaces有a <p:tabView>
component,我认为这正是你要找的。
在普通的JSP中,您需要引入一些JavaScript代码来执行Ajax请求,并操纵HTML DOM和一些Servlet以返回必要的数据。 jQuery,也许jQuery UI可能会对此有所帮助。
0
随着你的代码我们也很无奈..
试试下面的代码比其他的div一个div的内容画面更改为其他一些图像上的鼠标。经过一些修改,它可能会达到您的要求。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title><br />
</head>
<body>
<p>
<script type="text/javascript" language="javascript">
function changeImage(img){
document.getElementById('bigImage').src=img;
}
</script>
<img src="../Pictures/lightcircle.png" alt="" width="284" height="156" id="bigImage" />
<p> </p>
<div>
<p>
<img src="../Pictures/lightcircle2.png" height=79 width=78 onmouseover="changeImage('../Pictures/lightcircle2.png')"/>
</p>
<p><img src="../Pictures/lightcircle.png" alt="" width="120" height="100" onmouseover="changeImage('../Pictures/lightcircle.png')"/></p>
<p><img src="../Pictures/lightcircle2.png" alt="" width="78" height="79" onmouseover="changeImage('../Pictures/lightcircle2.png')"/></p>
<p> </p>
</br>
</div>
</body>
</html>
相关问题
- 1. 在JQuery UI选项卡上单击刷新选项卡内容
- 2. Jquery UI选项卡只重新加载选项卡内容
- 3. 仅在单击选项卡时从选项卡加载代码
- 4. JQuery UI选项卡 - 加载AJAX选项卡内容
- 5. 在按钮单击重新加载内容(ajax)在选项卡
- 6. 带有角度的选项卡:仅点击$ http时加载选项卡内容
- 7. jQuery选项卡重新加载内容
- 8. 延迟加载WPF选项卡内容
- 9. jquery选项卡和js加载内容
- 10. 如何使这些选项卡的内容在单击选项卡时淡入?
- 11. 加载菜单选项卡
- 12. jQuery选项卡 - 添加新选项卡后不显示内容
- 13. JqWidget选项卡 - 动态添加ajax内容的选项卡
- 14. 在jquery选项卡中单击锚元素加载新页*外*选项卡
- 15. Twitter Bootstrap选项卡 - 不隐藏每个选项卡上的内容点击
- 16. jQuery选项卡 - 选择选项卡时加载jsp的一部分
- 17. 带有AJAX的jQuery UI选项卡 - 每次切换选项卡时强制重新加载选项卡内容
- 18. 角UI选项卡使用该控制器选项卡内容加载模板
- 19. 将Ajax内容加载到隐藏选项卡 - 而不是当前选项卡
- 20. 引导选项卡(“秀”)不起作用的dynimcally加载“选项卡内容”
- 21. 在选项卡之间切换时保留选项卡内容
- 22. 点击选项上的jquery选项卡
- 23. jQuery - 选项卡式内容 - 在选定的选项卡上打开?
- 24. Bootstrap 2.1 javascript嵌套选项卡:内部选项卡关闭外部选项卡
- 25. 如何清除旧选项卡并在选项卡上添加新选项卡
- 26. jquery选项卡重新加载按钮点击内容
- 27. Android:选项卡内的选项卡
- 28. FragmentPageAdaptor - 选项卡内容
- 29. android选项卡内容在其选择前加载
- 30. 显示选项卡内容 - Javascript
PrimeFaces是非常好的BalusC。我会试一试。非常感谢你。但我仍然想要一个不使用第三方库的代码。任何人请帮助... – 2012-02-18 18:56:10
那么,只需编写相应的JavaScript/Ajax和Servlet代码即可。你知道吗,我认为?如果没有,我会开始学习它。 MDN有一个非常好的JS/Ajax教程。毕竟,如果不是几个小时而不是几个小时甚至更少的时间,只需要几个星期就可以完成它,同时具有相同程度的稳健性和交叉浏览器兼容性。如果您遇到特定的编码问题,您可以随时在此发布问题。 – BalusC 2012-02-19 03:39:45
感谢BalusC,但我没有足够的时间去学习一件新事物。我必须尽快提交我的项目。并且非常感谢您的帮助:)我将尝试首先使用PrimeFaces – 2012-02-19 05:46:57