根据浏览器宽度更改php属性

Question

好的，所以我搜索了几个小时无济于事（很可能是因为我没有正确地说出这个问题）。

无论如何，我想将以下脚本的“列表”属性更改为“ big ”，具体取决于客户端窗口的大小。

SCRIPT

   <div id="calWrap" class="comType">  
   ?php 

   $calendar_type='list'; //Possible value: mini, big, list    
   include("3c-events/calendar.php"); 

   ?
   </div> 

任何帮助将不胜感激，我遇到了几个帖子，我认为这些文章可以解决问题;然而，无论是通过执行不力还是其他原因，他们都失败了。

提前谢谢......

Answer 1

我建议用javascript获取视口的大小，然后在加载时将它们发送到php。然后编写一些代码来检查大小并相应地设置“calender_type”。

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

使用ajax

将代码发送到php页面

$.ajax({url: "page.php", type: "post", data: {"size": size}})

然后您将以适当的尺寸返回日历。并将其放入指定的容器中。

.done(function(html) {
    $('#someContainer').html(html);
 }(;