2012-02-29 52 views
2

モーダルウィンドウに関する解決策を見つけることができました。ここにリンク:Simple jQuery Modal Window Examplesがあります。しかし、具体的には、私は具体的には:jspでモーダルウィンドウを開く

  • 上記のウェブサイトリンクで与えられたものと同じように、b.jspをSimple Window Modalとして開きたいとします。
  • 送信ボタンをクリックすると、b.jspがそのように開きます。

私はいくつかのソリューションを試しましたが、同じ方法で動作させることはできません。ここで

は、以下の私のコードです:jQueryのUIを使用して

a.jsp 

<form action="b.jsp"> 
<input type="submit" value"click here to open modal window"/> 
</form> 

答えて

2

は非常に簡単です。あなたがHTMLを読み込むための旧姓sudmitフォームをドントので、ボタンに

変更タイプ:

は、私はいくつかの変更を行います。

<div id="resultreturn" style="display: none"></div> 
<form > 
<input type="button" value="click here to open modal window" id="loader"/> 
</form> 

後、私は、イベントをバインドするこのイベントにクリックしてください:

$(document).ready(function(){ 
    $("#loader").click(function(){ 
       // Load the page into the div 
     $("#resultreturn").load("b.html"); 
       // Show the modal dialog 
     $("#resultreturn").dialog({ modal: true }); 
    }); 
}); 

私はあなた

このヘルプを願っています
関連する問題