帶有MySQL內容的引導數據表

我有一個表單，用戶在其中選擇一個燭臺的引用。
選擇完成後，相關於燭臺的事件列表將顯示在引導程序表中。
該表完成了來自Mysql數據庫的項目。帶有MySQL內容的引導數據表

一切都好。現在我想在另一個名爲「test」的列中添加一個按鈕。但我沒有按鍵..我把我所看到的截圖..

我的代碼是這一個：

表單文件

<?php 

require_once 'login.php'; 


$sql= "SELECT ptlum FROM ptlum where ptlum LIKE '%AZ%'"; 
$result = mysql_query($sql) or die("Requete pas comprise"); 

     //while($data = mysql_fetch_array($result)) 
     // { 
     //echo "<option>".$data[ptlum]."</option>"; 
     // } 

?> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <link href="examples.css" rel="stylesheet"> 
    <link href="http://minikomi.github.io/Bootstrap-Form-Builder/assets/css/lib/bootstrap.min.css" rel="stylesheet"> 
    <link href="http://minikomi.github.io/Bootstrap-Form-Builder/assets/css/lib/bootstrap-responsive.min.css" rel="stylesheet"> 
    <link href="http://minikomi.github.io/Bootstrap-Form-Builder/assets/css/custom.css" rel="stylesheet"> 
    <link href="bootstrap.table.css" rel="stylesheet"> 



<script> 
function showUser(str) { 
    if (str == "") { 
     document.getElementById("txtHint").innerHTML = ""; 
     return; 
    } else { 
     if (window.XMLHttpRequest) { 
      // code for IE7+, Firefox, Chrome, Opera, Safari 
      xmlhttp = new XMLHttpRequest(); 
     } else { 
      // code for IE6, IE5 
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
       document.getElementById("txtHint").innerHTML = xmlhttp.responseText; 
      } 
     } 
     xmlhttp.open("GET","getuser.php?q="+str,true); 
     xmlhttp.send(); 
    } 
} 
</script> 
</head> 
<body> 

<form class="form-horizontal" > 

<legend>Rechercher une panne en cours ou archivée</legend> 

<div class="control-group"> 
    <label class="control-label" for="selectbasic-0">Sélectionner un point lumineux</label> 
    <div class="controls"> 
<select name="users" onchange="showUser(this.value)"> 
<?php 
while ($row = mysql_fetch_array($result)) 
{ 
    echo "<option>".$row[ptlum]."</option>"; 
} 
?> 
    </select> 
    </div> 
</div> 
</form> 


    <script src= "jquery.js"></script> 
    <script src= "bootstrap.min.js"></script> 
    <script src= "bootstrap.table.js"></script> 

<br> 
<div id="txtHint"><b></b></div> 

</body> 
</html>

PHP文件與呼叫數據庫

<!DOCTYPE html> 
<html> 
<head> 

    <meta charset="utf-8"> 
    <link href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet"> 

</head> 
<body> 

    <script src= "jquery.js"></script> 
    <script src= "https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script> 
    <script src= "https://cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script> 



<?php 
$q = $_GET['q']; 
//echo $q; 

$con = mysqli_connect('localhost','root','root','sdeer'); 
if (!$con) { 
    die('Could not connect: ' . mysqli_error($con)); 
} 

mysqli_select_db($con,"ajax_demo"); 
$sql="SELECT * FROM depannages WHERE ptlum = '".$q."'"; 
$result = mysqli_query($con,$sql); 



echo "<table id=\"example\" class=\"table table-striped table-bordered\" cellspacing=\"0\" width=\"100%\"> 
<tr> 
<th>Pt Lum</th> 
<th>Matériel</th> 
<th>Prestation</th> 
<th>Date</th> 
<th>Nature</th> 
<th>Test</th> 
</tr>"; 
while($row = mysqli_fetch_array($result)) { 
    echo "<tbody>";  
    echo "<tr>"; 
    echo "<td>" . $row['ptlum'] . "</td>"; 
    echo "<td>" . $row['materiel'] . "</td>"; 
    echo "<td>" . $row['presta'] . "</td>"; 
    echo "<td>" . $row['date'] . "</td>"; 
    echo "<td>" . $row['nature'] . "</td>";   
    echo "</tr>"; 
    echo "</tbody>";  

} 
echo "</table>"; 



mysqli_close($con); 

?> 

<script> 

$(document).ready(function() { 
    var table = $('#example').DataTable({ 
     "columnDefs": [ { 
      "targets": -1, 
      "data": null, 
      "defaultContent": "<button>Click!</button>" 
     } ] 
    }); 


</script> 

</body> 



</html>

如何讓它如果我想要一個按鈕？當用戶點擊按鈕時，會出現一個新的窗口。
謝謝！

來源

2015-10-21 Julien

1）你想在新窗口中顯示任何東西。你想要顯示哪個頁面？ 2）你想要在新窗口打開按鈕。 –

您可以使錨定標記看起來像按鈕一樣。只需要添加role="button"即可。

<a href="Give-Some-Page-URL-Here.php" class="btn btn-default" role="button" target="blank">New Window Button</a>

編輯代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<link href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet"> 
<script src= "jquery.js"></script> 
<script src= "https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script> 
<script src= "https://cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script> 
</head> 
<body> 
    <?php 
    $q = $_GET['q']; 
    $con = mysqli_connect('localhost','root','root','sdeer'); 
    if (!$con) { 
     die('Could not connect: ' . mysqli_error($con)); 
    } 
    mysqli_select_db($con,"ajax_demo"); 
    $sql="SELECT * FROM depannages WHERE ptlum = '$q'"; 
    $result = mysqli_query($con,$sql); 
    ?> 
    <table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>Pt Lum</th> 
       <th>Matériel</th> 
       <th>Prestation</th> 
       <th>Date</th> 
       <th>Nature</th> 
       <th>Test</th> 
      </tr> 
     </thead> 
     <tbody> 
     <? 
     while($row = mysqli_fetch_array($result)) 
     {?> 
      <tr> 
       <td><?echo $row['ptlum'];?></td> 
       <td><?echo $row['materiel'];?></td> 
       <td><?echo $row['presta'];?></td> 
       <td><?echo row['date'];?></td> 
       <td><?echo $row['nature'];?></td>  
       <td> 
        <a href="Give-Some-Page-URL-Here.php" class="btn btn-default" role="button" target="blank">New Window Button</a> 
       </td> 
      </tr> 
     <?}?> 
     <tbody> 
    </table> 


    <?mysqli_close($con);?> 

    <script> 

    $(document).ready(function() { 
     var table = $('#example').DataTable({ 
      "columnDefs": [ { 
       "targets": -1, 
       "data": null, 
       "defaultContent": "<button>Click!</button>" 
      } ] 
     }); 


    </script> 
</body> 
</html>

來源

2015-10-21 18:24:22

帶有MySQL內容的引導數據表

回答

相關問題