2012-02-29 150 views
2

我能够找到一个有关模态窗口的解决方案,这里是链接:Simple jQuery Modal Window Examples。不过,我特别想要的是:在jsp中打开模式窗口

  • 我想打开b.jsp作为简单窗口模式,就像上面那个网站链接中给出的那样。
  • 点击提交按钮后,我希望以这种方式打开b.jsp。

我尝试了几个解决方案,但我无法让它以相同的方式工作。

这里是我下面的代码:

a.jsp 

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

回答

2

使用jQuery UI是很容易的。因为你鸵鸟政策负载HTML NEE 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 }); 
    }); 
}); 

我希望这可以帮助您