当前位置：文江博客话题详情

在javascript中单击选项卡时仅加载jsp选项卡内容？

发布于 2025-01-07 00:54:12 字数 125 浏览 0 评论 0原文

我有一个包含四个选项卡和一个背景图像的 JSP 页面。我希望当我单击其中一个选项卡时，应该调用一个 JSP 函数，该函数只会更新单击的选项卡内容，而不是整个页面和背景图像。类似的例子可以是 ASP.NET 中的 Multiview 控件

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

病女 2025-01-14 00:54:12

ASP.NET 无法与普通 JSP 相比。 JSP 更类似于“经典 ASP”。如果您正在寻找 ASP.NET(-MVC) 的 Java 版本，请查看 JSF。 PrimeFaces 例如有 a 组件我认为这正是您正在寻找的。

在普通 JSP 中，您需要引入一些 JavaScript 代码来执行 Ajax 请求并操作 HTML DOM 和一些 Servlet 以返回必要的数据。 jQuery 或许还有 jQuery UI 可能对此有所帮助。

回复收藏 0 原文

笛声青案梦长安 2025-01-14 00:54:12

没有您的代码，我们将无能为力。

尝试以下代码，将鼠标悬停在其他 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>

问题链接

With out your codes we are helpless..

Try the following code which changes the content image of a div to some other images on mouse over other divs. With some modifications it may reach up to your requirements.

<!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>

Link to the question

回复收藏 0 原文

~没有更多了~