如何为网页制作简单网页对话框

Question

我是网络编程的新手。我正在做一个网站，我想使用很多像tweeter或fb那样的网页对话框。它们不是弹出窗口，我猜浏览器不能阻止它们。我试着找到一些关于如何制作这个对话框的信息，但找不到对我有用的东西。你能帮我解决我的问题吗？我有一些非常简单的方法：

  <script type="text/javascript">
function myDialog() {
   alert("Thanks for clcking the button");  
   }
  </script>
<input type="button" onclick="myDialog()" />

但这只是一条信息。我需要一个对话框来登录并创建一个新的帖子...顺便说一句，我在这个项目中使用了spring mvc。

谢谢你的建议！

Answer 1

您可以使用jquery对话框对以下url http://jqueryui.com/dialog/中的信息进行this.Check。

Answer 2

看看埃里克·马丁的SimpleModal

Answer 3

这是我拼凑的一个。

<script type="text/javascript">
 function showHide(obj) {
   var div = document.getElementById(obj);
   if (div.style.display == 'none') {
     div.style.display = '';
   }
   else {
     div.style.display = 'none';
   }
 }



</script>





Then call it like so:

Code:
<a href="#" onclick="showHide('hidden_div'); return false;">Some Text</a>

<div id="hidden_div" style="display: none; text-align: center; vertical-align:middle; opacity:0.9;background-color:#ccc; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:1000;">
<br/><br/><br/>
Hi there I am a message.
<br/>
<a href="#" onclick="showHide('hidden_div'); return false;">Close with an url.</a>
<br/>
Or
<br/>
<input type="button" onclick="showHide('hidden_div'); return false;" value="Close with a button">
<br/>
</div>