javascript - 使用ajax将页面显示为 float div

Question

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

点击按钮会产生一个 float 在页面上方的 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 map 的所有内容。

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