使用 Javascript 在 Joomla 2.5 中创建“可导航”日历

Question

我需要修改一个组件，我已经创建了一个简单的日历。

这个日历显示一些来自 sql 的数据。

现在我想使用左右箭头使这个日历“可导航”。我想要的是使用 javascript 修改 php 中的变量。

我的日历有两个参数 $month 和 $year

我用这个创建了一个简单的表格

首先我初始化一些变量

<?php
            $dDay = 1;
            $currentDT = mktime(0,0,0,$month,$dDay,$year);
            $monthName = $modeldispo->getMonthName($month); 
            $daysInMonth = date("t",$currentDT);
            $stardDateOfWeek = date("w",$currentDT);
            $week = array("1"=>"Lun",
                          "2"=>"Mar",
                          "3"=>"Mer",
                          "4"=>"Gio",
                          "5"=>"Ven",
                          "6"=>"Sab",
                          "0"=>"Dom");?>

然后我开始“画”桌子

<tr>
                
                <td class="tabletitle">Camera</td>
                 <?php
                 //draw the row for the days of the week
                  for($n=$stardDateOfWeek;$n<$daysInMonth+$stardDateOfWeek;$n++){
                         if($week[$n%7]=="Dom"){ ?>
                            <td class="tabletitleRed"><?php echo $week[$n%7]; ?></td>

                        <?php }
                         else {?>
                            <td class="tabletitle"><?php echo $week[$n%7]; ?></td>
                            
                    <?php
                         } }?>
</tr>

然后我对每个月的日子做同样的事情，打印从数据库中携带的信息。

结果就是这样

我只想修改全局变量$month（以及$year），在左右箭头中添加一个事件。

我尝试向我的页面添加一个 javascript 函数，但它不起作用。如何添加 javascript 函数来修改该 php 变量？

谢谢

Answer 1

您可以使用 jQuery 将事件处理程序附加到元素。首先，通过将以下内容放在构建日历的布局文件的顶部来加载库：

JHtml::_('jquery.framework');

然后在正常文件的底部添加以下内容：

<script>
(function ($){
    $(document).on('click', '#myButtonId', function(e) {
        e.preventDefault();
        // insert code to alter variables here
    });
})(jQuery);
</script>

不确定是否需要帮助更改 DOM 中的变量，但取决于这些值的存储方式和位置，过程会有所不同。如果是这样，让我知道讨论，我可以发布一个例子。