dongliang1941 2018-04-13 06:49
浏览 30
已采纳

如何根据屏幕大小在js中声明php echo值?

I am trying to echo php values in js. The idea is to display limited values based on screen size. Here's the code;

    <?php
        foreach( $data as $row ){
 $path1 ="
<tr>
<td><strong>Name</strong></td>
<td><strong>Price (USD)</strong></td>
<td>{$row['name']}</td>
<td>{$row['price']}</td>
</tr> 
";
 $path2 ="
<tr>
<td><strong>Rank</strong></td>
<td><strong>Name</strong></td>
<td><strong>Price (USD)</strong></td>
<td>{$row['rank']}</td>
<td>{$row['name']}</td>
<td>{$row['price']}</td>
</tr>
";
}?>


<script>
window.onload = function() {
if (screen.width < 960) 

   document.getElementById("phone").innerHTML = "<?php echo $path1; ?>";
else

    document.getElementById("phone").innerHTML = "<?php echo $path2; ?>";
}
</script>

<body>
    <div>
        <span id ="phone"></span>

    </div>
</body>

On running this there is no response (blank) in the window. Why I want to echo the values is because $path1 and $path2 will have values derived from an api, which will generate multiple rows and columns in a table. I am trying to present limited columns of this data when the screen size is small (mobile).

Any help is appreciated.

Rgds.

  • 写回答

1条回答 默认 最新

  • douna3367 2018-04-13 06:54
    关注
    Try this one with template:
    
       <?php
    
    $path1 = '';
    $path2 = '';
    foreach( $data as $row ){
    $path1 .=
    '<tr>
    <td><strong>Name</strong></td>
    <td><strong>Price (USD)</strong></td>
    </tr> 
    ';
    
    $path2 .=
    '<tr>
    <td><strong>Rank</strong></td>
    <td><strong>Name</strong></td>
    <td><strong>Price (USD)</strong></td>
    </tr>';
    
    }
    ?>
    
    
    <script>
    window.onload = function() {
    if (screen.width < 960) 
    
       document.getElementById("phone").innerHTML = `<?php echo $path1; ?>`;
    else
    
        document.getElementById("phone").innerHTML = `<?php echo $path2; ?>`;
    }
    </script>
    
    <body>
        <div>
            <span id ="phone"></span>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 怎么制作一个人脸识别门禁系统
  • ¥20 大华dss监控平台网络关闭登不进去
  • ¥15 请使用蚁群算法解决下列问题,并给出我完整的代码
  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包
  • ¥15 comsol压电材料数据
  • ¥35 用python实现除法算法中goldschmidt算法
  • ¥15 汇编代码转换成C代码
  • ¥15 除法算法中的归一化具体是怎么变的?