dinamik tablodan modal pencereye dinamik veritabanı nasıl yüklenir php

Question

Merhaba modal pencerede MySQL veritabanı tabanını kullanarak dinamik verileri göstermek istiyorum lütfen bunun için bana bir demo verin. Ben masaya dinamik verileri göstermek için çalışıyorum ve olarak ben bunu kalıcı pencere yanı

Answer 1

bu o dinamik verileri göstermek gerekir herhangi kaydın butonuna tıklayın i denedim budur

 
 
<script> 
 
function showHint(str) { 
 
    if (str.length == 0) { 
 
     document.getElementById("mymodalbody").innerHTML = ""; 
 
     return; 
 
    } else { 
 
     var xmlhttp = new XMLHttpRequest(); 
 
     xmlhttp.onreadystatechange = function() { 
 
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
 
       document.getElementById("mymodalbody").innerHTML = xmlhttp.responseText; 
 
      } 
 
     }; 
 
     xmlhttp.open("GET", "show.php?q=" + str, true); 
 
     xmlhttp.send(); 
 
    } 
 
} 
 
</script> 
 
<script> 
 
    function getPage(id) { 
 
\t $('#output').html('<img src="LoaderIcon.gif" />'); 
 
\t jQuery.ajax({ 
 
\t \t url: "get_page.php", 
 
\t \t data:'id='+id, 
 
\t \t type: "POST", 
 
\t \t success:function(data){$('#output').html(data);} 
 
\t }); 
 
} 
 
</script>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
 
    aria-labelledby="myModalLabel" aria-hidden="true"> 
 
    <div class="modal-dialog"> 
 
     <div class="modal-content" > 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
 
      <h3 class="modal-title" style="text-align:center;">Information</h3> 
 
     </div> 
 
     <div class="modal-body" id="mymodalbody"> 
 
\t \t 
 
\t \t <?php ?> 
 
      
 
      
 
\t \t </div> 
 
     
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default " data-dismiss="modal">Close</button> 
 
     </div> 
 
\t \t \t \t 
 
     </div><!-- /.modal-content --> 
 
    </div><!-- /.modal-dialog --> 
 
    </div><!-- /.modal --> 
 

 
<div class="container" > 
 
\t <div class="row"> 
 
\t <div class="col-lg-12 "> 
 
    
 
      <table class="table table-bordered " style="text-align:center;"> 
 
      <thead > 
 
       <tr style="background-color:#FFF;" > 
 
       <th style="text-align:center;">Sr.</th> 
 
       <th style="text-align:center;">Name</th> 
 
       <th style="text-align:center;">Email</th> 
 
       <th style="text-align:center;">Mobile No</th> 
 
       <th style="text-align:center;">View</th> 
 
       </tr> 
 
      </thead> 
 
      <tbody> 
 
\t \t <?php 
 
\t \t \t $i=1; 
 
\t \t \t $sql=mysql_query("select * from staff order by id asc") or die(mysql_error()); 
 
\t \t \t while($row=mysql_fetch_array($sql)) 
 
\t \t \t { 
 
\t \t ?> 
 
       <tr> 
 
       <td><?php echo $i; ?></td> 
 
       <td><?php echo $row['name'];?></td> 
 
       <td><?php echo $row['email'];?></td> 
 
       <td><?php echo $row['mobile'];?></td> 
 
       <td><a data-toggle="modal" data-target="#myModal" value="<?php echo $row['id']; ?>" onclick="showHint(this.value)" ><i class="fa fa-eye"></i></a> 
 
       </td> 
 
       </tr> 
 
\t \t <?php 
 
\t \t \t \t $i++; 
 
\t \t \t } 
 
\t \t ?> 
 
\t \t  </tbody> 
 
      </table> 
 
     <!--end green board --> 
 
    </div> 
 
    </div> 
 
    <ul class="pagination" > 
 
    <li><a href="#">1</a></li> 
 
    <li class="active"><a href="#">2</a></li> 
 
    <li><a href="#">3</a></li> 
 
    <li><a href="#">4</a></li> 
 
    <li><a href="#">5</a></li> 
 
    </ul>` 
 
</div>