显示dinamis数据到模态

时间:2017-07-09 02:44:52

标签: php html mysql bootstrap-modal

我想将数据库中的数据显示为模态。我有一张桌子,有12个字段。其中一个标题是有很多字符的文章。因此,如果在表格中显示,它将占用很多空间。所以,我想将文章字段中的记录显示为模态。这是我的代码:

<?php 
          error_reporting(0);
          mysql_connect("localhost","root","");
          mysql_select_db("hellomedan");

          $que = "SELECT * FROM `wisata`";
          $q = mysql_query($que);

          $no = 1;
          while ($qq = mysql_fetch_array($q)) {

         ?>
          <tr style="background:#D79407;">
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><?php echo $no ?></td>
            <td style="border:1px solid #999;padding:4px 8px;"><?php echo $qq['nama'] ?></td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><img src="img/ic_search_white_24dp_1x.png"></td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><?php echo $qq['rating'] ?></td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><?php echo $qq['jenis'] ?></td>
            <td style="border:1px solid #999;padding:4px 8px;"><?php echo $qq['alamat'] ?></td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><?php echo $qq['telepon'] ?></td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><?php echo $qq['jambuka'] ?></td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><?php echo $qq['jamtutup'] ?></td>
            <td style='text-align:center; border:1px solid #999;padding:4px 8px; cursor:pointer;' data-id=".$qq['id'].">
              <div id="id01" class="modal">

                <div class="container" style="background-color:#FFBD30">
                  <button style="margin-top: 0px; margin-left:0px; width:100px; float:right;" type="button" onclick="document.getElementById('id01').style.display='none'" class="tombol_wisata">Tutup</button>
                  <p style="text-align: justify;padding-top:70px"><?php echo $qq['artikel'] ?></p>
                </div>
              </div>
              <img onclick="document.getElementById('id01').style.display='block'" src="img/ic_search_white_24dp_1x.png">
            </td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;"><a href="<?php echo $qq['link'] ?>"><img src="img/ic_place_white_24dp_1x.png"></a></td>
            <td style="text-align:center; border:1px solid #999;padding:4px 8px;">
              <a style="text-decoration:none;" href="edit_wisata.php?id=<?php echo $qq['id']; ?>"><img src="img/ic_mode_edit_white_24dp_1x.png"></a>
              <a style="text-decoration:none;" href="php/proses_delete_wisata.php?id=<?php echo $qq['id']; ?>"><img src="img/ic_delete_white_24dp_1x.png"></a>
            </td>
          </tr>
         <?php $no++; } ?>

问题是,当我点击放大镜按钮时,模态会显示相同的文件。 Modal显示所有放大镜按钮上第一个字段的数据。怎么解决?我的代码是否正确?因为我编写了自己的代码:(

0 个答案:

没有答案