2015-07-18 60 views
-1

我在我的php頁面上設置了一個搜索欄,但結果全部顯示在表格的一個長整型中。我將如何讓它顯示搜索一個單獨的結果的結果,或者在一行中可能是2?這是該頁面的代碼。數據庫行顯示在一行中,而不是單獨顯示​​

<?php 

    $names = array(); 

    if(isset($_POST['searchterm'])) { 
     mysql_connect("localhost", "root", "Oliver"); 
     mysql_select_db("videos"); 

     $search = mysql_real_escape_string(trim($_POST['searchterm'])); 

     $find_videos = mysql_query("SELECT * FROM `videos` WHERE `keywords` LIKE'%$search%'"); 
     while ($row = mysql_fetch_assoc($find_videos)) { 
      $names[] = $row['name']; 
     } 

    } 

    include('session.php'); 

?> 
<!DOCTYPE html> 
<html> 
    <head> 
    <link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet"> 
    <link rel="icon" type="image/ico" href="images/favicon.ico"> 
<script src="http://vjs.zencdn.net/4.12/video.js"></script> 
<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet"> 
<script src="http://vjs.zencdn.net/4.12/video.js"></script> 
<style type="text/css"> 
    .vjs-default-skin .vjs-control-bar { font-size: 125% } 
</style> 
    <meta charset="utf-8"> 
    <title>Network TV | search</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="stylesheet" href="css/bootstrap.css" /> 
    <link href="css/font-awesome.css" rel="stylesheet" /> 
    <link href="css/3.1.1/animate.css" rel="stylesheet" /> 
    <link rel="stylesheet" href="css/styles.css" /> 
    </head> 
    <body style="overflow-x: hidden"> 
    <nav class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Network TV</a> 
     </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class=""><a href="\1\index.php">Home</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 
     <section style="padding-top:100px; width:100%"class="container-fluid" id="section2"> 
        <h1 class="text-center" style="color:white">Network TV</h1> 
       <h3 class="text-center" style="color:white"><u>Search results</u></h3> 



             <table class="table" style="color: white"> 
               <thead> 
                <tr> 
                 <th>Username</th> 
                </tr> 
               </thead> 
               <tbody> 
                <tr> 
                 <td><?php foreach($names as $name) { ?> 
                 <td><?php echo $name; ?> <a href="http://www.google.com"><strong><h7><u>Watch!</u></h7></strong></a></td> 
                 <?php } ?></td> 
                </tr> 
               </tbody> 
              </table> 
     </section> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 

    <script src="js/scripts.js"></script> 
</html> 

更新

Result of updated code 新增更新圖片

enter image description here

+1

TD是一列,而不是一行。這與php無關。 – Devon

+0

對不起,我更新了這個問題,我以爲因爲我正在編輯PHP的PHP。抱歉。 –

回答

2

而不是把所有的結果到同<tr><td>的,把它們放進去的多。

看着你的HTML設置,我感覺你並不完全瞭解<tr><td>標籤是如何工作的。請記住,<tr>(表格行)向該表格添加了一個新行,並且在該行內可以放置一個<td>(表格分割),該行作爲該行內的列。 如果沒有爲你解釋,也許這兩個資源中的一個可以進一步幫助你:[1][2]

裏面你的HTML,用下面的替換<tr>塊:

<?php 
foreach($names as $name) { 
    echo '<tr> 
     <td>' . $name . '</td> 
     <td><a href="http://www.google.com"><strong><h7><u>Watch!</u></h7 </strong></a></td> 
    </tr>'; 
} 
?> 
+0

更新的代碼,請參閱圖像的更新後,我該如何解決這個問題?感謝鏈接太不好看看 –

+0

@OliverKetley據我瞭解你的文章,它目前看起來你是如何想要的。 你能解釋一下還有什麼問題嗎? – FWDekker

+0

嗨,對不起,我以爲我收錄了它,我想要桌子放在中間,我添加了一張新照片請看看它。謝謝。 –

0

你有額外的<td>標籤這裏

<td><?php foreach($names as $name) { ?> 
    <td><?php echo $name; ?> <a href="http://www.google.com"><strong><h7><u>Watch!</u></h7></strong></a></td> 
    <?php } ?></td> 

嘗試follwing,看看它是否對齊結果

<?php foreach($names as $name) { ?> 
    <td><?php echo $name; ?></td> 
    <td><a href="http://www.google.com"><strong><h7><u>Watch!</u></h7></strong></a></td> 
    <?php } ?> 
+0

謝謝我刪除了額外的標籤。您提供的代碼不會改變任何內容,但感謝您試圖提供幫助。 –

相關問題