2016-12-01 75 views
1

所以我一直在做一個homelab儀表板,我需要知道如何在顯示我的php數組後添加一個響應式的「顯示更多」按鈕。我對開發相當陌生,而且更像是一種愛好。以下是我目前如何設置它,但是如果我在torrent數組中有超過15個項目,它會變得冗長。任何的意見都將會有幫助。查看更多按鈕爲php陣列

<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--> 
+0

你可以用CSS隱藏輸出,並添加一個按鈕,該按鈕對JavaScript做出反應以放大隱藏的部分。 –

回答

0

有兩種方法可以做到這一點。

  • AJAX:使用JavaScript來檢測單擊按鈕時,然後提交一個AJAX調用的結果頁面,然後將結果添加到頁面
  • 可見切換:打印出所有的結果,如你現在正在做,但在15之後隱藏任何東西(即style="display:none")。然後使用javascript檢測按鈕單擊,並切換可見性以顯示隱藏的結果。
0

你不能有一個「PHP顯示更多按鈕」。 PHP是執行服務器端,你需要Javascript來實現這一點。

您將使用Javascript來執行一個Ajax請求到一個PHP頁面,該頁面可以生成您的「更多項目」需要的內容,然後將其返回到Javascript函數,然後附加您的HTML。