在同一页面上显示div中的日历事件

时间:2012-01-25 10:04:10

标签: php jquery html

你好我是jquery的新手我正在制作活动日历我已经完成了日历模块。 当我点击日期时,它会转到events.php页面并显示当天的事件。 但我想在div标签同一页面调用(index.php)中显示当天的事件。当我点击日期链接时,我将查询字符串传递给events.php页面,我得到当天的事件,所以我需要将查询字符串传递给events.php页面,并在div标签中获取事件,而不是events.php页面

这是我的编码

<td bgcolor="green" style="color:#FFFFFF">
    <a href='events.php?id=<?php echo $actualDay;?>&year=<?php echo $cYear?>&month=<?php echo $cMonth?>'><?php echo($actualDay);?></a>
</td>

我希望使用jquery在div中显示链接结果。

2 个答案:

答案 0 :(得分:1)

如果我正确理解了这个问题..你想在同一页面上调用events.php而没有重定向?检查jQuery ajax

<强>更新

不需要是一个表单..可以加载onReady或只加载href链接。无论你喜欢什么

$(document).ready(function(){
//when you submit the form
$(".submitbutton").click(function() {  
var name = "bob";
  $.ajax({
    url:"events.php",
    type:"POST",
    data:"name="+name+"&email=<?php echo $email; ?>"....... ,
    success:function(response){
      //work with the response from echo in events.php
      alert(response);
    }
  });

});

}); //end of (ready)

修改

HTML

<a href="#" id="yourid" class="link">the link</a>

的jQuery

//catches all clicks with class link
$(".link").click(function() { 
     //the ajax function

答案 1 :(得分:0)

您必须执行 AJAX请求以检索特定事件的数据,并使用从调用中检索到的数据填充隐藏的div

为了完成上述操作,您必须创建,正确设置样式并隐藏它。然后你需要创建一个请求处理程序页面,它应该包含与events.php页面相同的逻辑,但不是显示详细信息,而是只返回 {{ 3}}或XML格式。返回的数据将在您的日历页面上使用javascript \ jquery进行解析,并填入您隐藏的div中,完成上述步骤后将显示该div。

您需要研究以下内容并学会使用以下内容:

JSON

这也是上述的完整例子:

$.ajax()

可能适合您的情况。

注意:您可能还需要:

Example