Question

我需要在我的页面上创建以下按钮：

单击该按钮会导致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将在服务器上显示图像并在数据库中列为＆lt;选项＆gt;。然后，我可以选择要在表单中使用的图像，获取ID并在表单中发送id。

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

Answer 1

我使用fancybox在我的网站上显示网页和媒体。它使用JQuery，实现起来很简单。您可以在http://fancybox.net/

找到更多信息和说明

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

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

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

1 个答案: