使用 ajax 将页面显示为浮动 div

Question

我需要在我的页面上制作以下按钮：

单击该按钮会产生一个div，该div 浮动在页面上方并加载到另一个内部页面中。

这应该在Ajax上完成，对吗？我对 ajax 的了解完全为零，所以我不知道如何进行。

这就是我现在拥有的：

<div id="clickmebutton" onclick="javascript:FloatingPage();">Click me</div>
<script type="text/javascript">
function FloatingPage() {
   new Ajax.Request('/floatingpage.php' {
        onSuccess: function(response) {
            document.getElementById('main').style.display = 'block';
            document.getElementById('subcontent').innerHTML = response.responseText;
        } 
   });
}
</script>

和作为 CSS

#layer subcontent {background-color: aqua; width:100px; height: 100px; margin:8px; display: none;}

编辑：我正在尝试制作的是表单中的图像选择器。div 将显示服务器上的图像，并在数据库中作为<选项>列出。然后，我可以在表单中选择要使用的图像，获取 id 并在表单中发送 id。

解决方案 使用 jquery ui 中的 dialog（） 函数，我得到了我想要的。

Answer 1

我使用fancybox在我的网站上显示网页和媒体。它使用JQuery，并且实现起来很简单。您可以在此处找到更多信息和说明 http://fancybox.net/

您可以显示从内部网页到Youtube视频和Google地图的所有内容。

我建议使用 JQuery 来实现浮动div 而不是 Ajax，因为它很容易组合在一起并且不需要以前的专业知识。