jqueryモーダルボックスjspページの動的ajaxコンテンツ

Question

jqueryを使用してモーダルポップアップボックスを作成するには、ページのクリックされたtr要素に応じてください。

しかし、私はこの目的でjqueryを使用することを心にまとめられませんでした。

trの構造は<tr><td><a><image></image></a></td></tr>です。各要素はidを持つjspページを送信します。 （のは、私はモーダルポップアップ？事前に

おかげで、同じページ上のユーザーtarget.jspの結果を表示するために何をすべきか<a href ="target.jsp?id=<dynamic_id_here>">

..

Answer 1

は、ここで私はそれに近づくだろうかだとしましょう。 ..

モーダルダイアログの場合、私は本当に見栄えの良いモーダルダイアログが付属しています "jQueryのUIを"、使用することをお勧めします。

http://jqueryui.com/demos/dialog/#modal

AJAX呼び出しのために

は、あなたが必要なもののほとんどは既にjQueryの内ここにある：

http://api.jquery.com/jQuery.ajax/

ので、簡単に、あなたのテキストを受信する準備ができてページ上で目に見えないのdivどこかを、作成したいです：

<div style='display:none'> 
    <div id="dialog-modal" title="Basic modal dialog"> 
    <p>Loading</p> 
    </div> 
<div> 

このようにするにはアンカーが必要です。カスタムIDについては

= 123：

<a href='#' id='anchor_123'>

すると、ダイアログを起動するために、あなたはスクリプトタグ内でこのような何かを持っている必要があるでしょう。

$("#anchor_123") 
.click(function() { 
    $("#dialog-modal").dialog({ 
     height: 140, 
     modal: true 
    }); 
      $.ajax({ 
        url: "target.jsp?id=123", 
        success: function(data){ 
         $('#dialog-modal p').html(data); 
        } 
      }); 

    }); 

jqueryでcustom_idを動的に設定する方法を解説します。これはあなたの道にあなたを設定する必要があります。

HTH