单击:在不同页面上打开弹出窗口

时间:2012-03-29 00:56:46

标签: javascript jquery html popup onclick

在page1.php上我有一个click事件,导致用户被重定向到page2.php。它是这样的:

$("#someButton").click(function() {
    window.location = "page2.php";
});

这很有效。但我真正想要的是在第2页上打开一个隐藏的,阻塞UI的<div>。用户可以通过单击第2页上的其他按钮手动打开此<div>,如下所示:

$('#someOtherButton').click(function() {
   $("#pageContainer").block({message: $("#theDivIWant2See")});
});

我可以在一个页面上使用JavaScript创建click事件,而在另一个页面上调用JavaScript吗?或者我是否需要添加一些HTML解析来在页面之间传递信息? (我不是在这里寻找一个JavaScript发布,只是一个帮助我前进的策略。)

3 个答案:

答案 0 :(得分:2)

从第一页重定向时,在网址中添加查询字符串值。在第二页中,使用服务器端页面语言,在隐藏字段和文档就绪事件中设置,检查该隐藏字段的值。如果值是预期值,请调用javascript函数以显示弹出窗口。

有点像这样

$("#someButton").click(function() {
    window.location = "page2.php?showpopup=yes";
});

并在page2.php设置它(原谅错误,我不是一个php人)

<input type='<?php $_GET["showpopup"] ?>' id='hdnShow' />

并在脚本中

$(function(){
  if($("#hdnShow").val()=="yes")
  {
    //Call here the method to show pop up
  }
});

答案 1 :(得分:1)

当第2页的DOM准备就绪时,你需要做你的事情。你可以使用jQuery的ready函数。

  

$(document).ready(function(){     //把代码放在这里显示你的div   });

希望有所帮助。

答案 2 :(得分:0)

您是否可以传递查询字符串参数或指定另一个页面可以在文档加载时检查的cookie?如果该值存在,则呈现模式对话框(例如jQuery UI Modal Popup)

http://jqueryui.com/demos/dialog/