我需要在我的页面上制作以下按钮:
点击按钮会产生一个 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 将在服务器上显示图像并在数据库中作为
解决方案 使用 jquery ui 中的 dialog() 函数，我得到了我想要的。
最佳答案
我使用 fancybox 在我的网站上显示网页和媒体。它使用 JQuery，实现起来很简单。您可以在此处找到更多信息和说明 http://fancybox.net/
您可以显示从内部网页到 Youtube 视频和 Google map 的所有内容。
我建议使用 JQuery 而不是 Ajax 来实现 float div，因为它很容易组合在一起并且不需要以前的专业知识。
关于javascript - 使用ajax将页面显示为 float div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21116567/