1

4 つのタブと背景イメージを持つ JSP ページがあります。タブの 1 つをクリックすると、ページ全体と背景画像ではなく、クリックされたタブのコンテンツのみを更新する JSP 関数を呼び出す必要があります。同様の例として、ASP.NET のマルチビュー コントロールがあります。

4

2 に答える 2

2

ASP.NET はプレーンな JSP に匹敵するものではありません。JSP は「クラシック ASP」に匹敵します。ASP.NET(-MVC) の Java 版をお探しの場合は、代わりに JSF をご覧ください。たとえば、 PrimeFacesには、<p:tabView>まさにあなたが探しているものだと思うコンポーネントがあります。

プレーンな JSP では、Ajax リクエストを実行し、HTML DOM とサーブレットを操作して必要なデータを返すために、いくつかの JavaScript コードを取り込む必要があります。jQueryとおそらくjQuery UIがこれに役立つかもしれません。

于 2012-02-18T16:22:35.663 に答える
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>&nbsp; </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>&nbsp;</p>


  </br>
</div>
</body>
</html>

質問へのリンク

于 2012-02-27T10:08:06.933 に答える