javascript html弹出窗口

Question

我是javascript的初学者。 我想要做的是当我点击一个按钮时：

我想让它弹出一个窗口。 该窗口的内容是HTML（实际上是.php）代码。 如下：

然后当您单击下一步时，它将滚动到下一个电影列表。 什么是最简单的javascript / jQuery库？

这个pitcure片段取自网站getglue。 我试图firebug该网站，但似乎无法找到js代码来做到这一点。

重要说明：电影标题和图像来自数据库，因此内容不是静态html。 这是我实际上对如何做一个动态内容生成窗口弹出框感到困惑的地方

Answer 1

jQuery UI是最受欢迎的工具之一。 它们有一个对话框 ，您可以使用它来实现这种效果。

Answer 2

这是一个关于jQuery弹出窗口的精彩教程（编码js的唯一方法）

http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/

AJAX教程

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

Answer 3

为按钮指定一个带有id属性的id ，然后在按钮放在HTML后的某处使用此JavaScript代码：

document.getElementById('the_button_id').addEventListener('click', function() {
    window.open('page_to_open', '');
}, false);

Answer 4

就像Matt Ball所说的使用lightbox / fancybox（弹出你的表格）一样。 之后，如果你想让下一个按钮滑动到下一个列表，首先确保div内div的电影部分列表然后使用jqueryui事件，如下所示：

$("#idofyourcurrentlist").hide("slide", { direction: "left" }, 1000);
$("#idofyournextlist").delay(1000).show("slide",{direction: "right"}, 1000);

祝好运。

按照要求：

var getdata = "something that  u need";
var datatopost = "yourneed=" + getdata;
$.post("tophphandling.php",datatopost,function(success){
    if(success){
       alert("Thank you.");
    }
});