查看php array的更多按钮

时间:2016-12-01 15:54:06

标签: javascript php html css arrays

所以我一直在制作一个homelab仪表板,我需要知道如何添加响应式"显示更多"显示我的php数组后的按钮。我对发展很新,而且更像是一种爱好。下面是我目前如何设置它,但如果我在torrent数组中有超过15个项目,它会变得冗长。任何建议都会有所帮助。

<div class="row">
<!--Downloading Section-->
<div class="col-lg-6 col-md-3 col-sm-12 col-xs-12">
    <div class="info-box blue-bg">
        <h3>Downloading <span class="speeds">
        <?php
            if ($client == "qbittorent"){
                echo round(intval($global_info['dl_info_speed'])/1000, 2) . " kB/s";
            } elseif ($client == "transmission"){
                echo round(intval($global_info['downloadSpeed'])/1000, 2) . " kB/s";
            }
        ?>
        </span></h3>
        <?php
            if($torrents == null){
                echo "There was a problem fetching torrents.";
            } else {
                if ($client == "qbittorrent"){
                    foreach($torrents as $torrent){
                        if($torrent['state'] == "downloading"){
                            echo $torrent['name'] . "<br>";
                        }
                    }
                } elseif ($client == "transmission"){
                    foreach($torrents['torrents'] as $torrent){
                        if($torrent['status'] == "4"){
                            echo $torrent['name'] . "<br>";
                        }
                    }
                }
            }
        ?>
    </div><!--/.info-box-->
</div><!--/.col-->

2 个答案:

答案 0 :(得分:0)

有两种方法可以做到这一点。

  • AJAX:使用javascript检测单击按钮的时间,然后向包含结果的页面提交ajax调用,然后将结果添加到页面
  • 可见切换:打印出所有结果,正如您现在所做的那样,但在15之后隐藏任何内容(即style="display:none")。然后使用javascript检测按钮点击,并切换可见性以显示隐藏的结果。

答案 1 :(得分:0)

你不能拥有“PHP Show More Button”。 PHP是在服务器端执行的,你需要Javascript来实现这一点。

您将使用Javascript对PHP页面执行Ajax请求,该页面将生成“更多项目”所需的内容,然后将其返回到Javascript函数,然后附加HTML。