表示ハイパーリンクの際に、現在のJSPページ内の別のJSP内容は、私がページの左側に2つのハイパーリンクを持っている、と私は何を探していますが、私が上でクリックしたときにということであるウェブベースのアプリケーションを開発してい

をクリックしてください1つのハイパーリンクでanother.jspの内容を読み込んでpresent.jspに表示し、次のハイパーリンクをクリックすると、present.jsp上のthird.jspに対して同じことをする必要があります。表示ハイパーリンクの際に、現在のJSPページ内の別のJSP内容は、私がページの左側に2つのハイパーリンクを持っている、と私は何を探していますが、私が上でクリックしたときにということであるウェブベースのアプリケーションを開発してい

javascript--

function showItem(url) { 
$('#right-pane').load(url);

}

< link--のhref = "showItem（ 'another.jsp）">項目1 - ：

は、私のようなStackOverflowの上で何かを見つけました「右のペインには」私は別のJSPコンテンツが表示されるようにしたいのdivタグのIDである

。

< div id="right-pane" style="position: absolute; width: 988px; height: 649px; z-index: 2; left: 193px; top: 4px"> 

< /div>

しかし、私は、項目1つのそのsaying--要求されたリソース（/test1/showItem('another.jsp '）をクリックしています）は利用できません。

私はサーバーとしてApache Tomcatを使用しています。

おかげで、 Arshad

出典

2012-03-15 Ars

あなたはhttp://docs.jquery.com/How_jQuery_Works – Kimtho6

こんにちはキムをチェックアウトしていない場合は、[はい、私は次のように追加したJquery.jsが含まれている： - 頭部領域。 – Ars

私の答えを参照してください;） – Kimtho6

は

あなたのリンクをt

< a href="'another.jsp" class="link1">item 1</a>

をクラスまたはIDを追加するには、ヘッダにこれを追加します。

$(document).ready(function() { 
    $(".link1").click(function(event){ 
     event.preventDefault(); 
     var url =$(this).attr("href"); 
     $('#right-pane').load(url); 
    }); 
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

にこの <script type="text/javascript" src="jquery.js">行を変更してみてください

しようと試みたとIE9でこれをテストした：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>title</title> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
     <script> 
      $(document).ready(function() { 
    $(".link1").click(function(event){ 
     event.preventDefault(); 
     var url =$(this).attr("href"); 

     $('#right-pane').load(url, function(data) { 
     console.log(data); 
    }); 
     console.log(url); 
    }); 
}); 
     </script> 
    </head> 
    <body> 
     <div id="layer5" class="style2" style="position: absolute; width: 79px; height: 17px; z-index: 1; left: 11px; top: 15px"><a href="test2.html" class="link1">item 1</a></div> 
     <div id="right-pane" style="position: absolute; width: 988px; height: 649px; z-index: 2; left: 193px; top: 4px"></div> 
    </body> 
</html>

出典

2012-03-15 12:09:11 Kimtho6

こんにちはキム、コードのおかげで、ハイパーリンクをクリックしているときに私の現在のページのdivセクションで開きません、そのページを開く "another.jsp"。 – Ars

@Ars私の更新を参照 – Kimtho6

同じ出力、私は全体のコードを投稿する必要がありますか？ – Ars

答えて

関連する問題