javascript html弹出窗口

Question

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

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

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

这个pitcure片段取自网站getglue。我试图破坏网站，但似乎无法找到js代码来做它。

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

Answer 1

jQuery UI是这类事物最受欢迎的工具之一。他们可以用have a dialog来实现这一目标。

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（弹出你的表格）。 之后，如果你想让下一个按钮滑动到下一个列表，那么首先确保带有id的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.");
    }
});