PHP - Удалить через подтверждение с помощью bootstrap

-3

Это то, что я хочу сделать, я дам вам сценарий. Если я нажму кнопку «Удалить», появится модальная мода и спросит, хотите ли вы ее удалить или нет. После нажатия кнопки ok он выполнит запрос и удалит его в базу данных. Может ли кто-нибудь дать мне идеи, как это сделать?PHP - Удалить через подтверждение с помощью bootstrap

Это изображение моей сетки.

вот мой код.

<?php 
    include_once('connection.php'); 
    ?> 
    <!DOCTYPE html> 
    <html> 
    <head> 
      <link rel="stylesheet" href ="css/bootstrap.min.css"> 
      <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 

    </head> 
    <body> 
    <div class="container"> 
     <table class="table table-bordered"> 
      <thead> 
       <tr> 
        <th width="60">ID</th> 
        <th width="200">Title</th> 
        <th width="150">Date Posted</th> 
        <th>Content</th> 
        <th width="200">Image</th> 
        <th width="200">Action</th> 
       </tr> 
      </thead> 
      <tbody> 
      <?php 

      $stmt = mysqli_prepare($con, "SELECT * FROM news ORDER BY news_id"); 
      mysqli_stmt_execute($stmt); 
      $result = mysqli_stmt_get_result($stmt); 
      while($row = mysqli_fetch_array($result)){ 
      ?> 
       <tr> 
        <td><?php echo $row['news_id']; ?></td> 
        <td><?php echo $row['news_title']; ?></td> 
        <td><?php echo $row['news_date']; ?></td> 
        <td><?php echo $row['news_content']; ?></td> 
        <td><img style="height:150px; width:200px;" src="<?php echo $row['news_image']; ?>" ></td> 
        <td> 
         <a href="edit2.php?newsid=<?php echo $row['news_id'];?>" class='btn btn-info left-margin'><span class="glyphicon glyphicon-edit"></span> Edit</a> 
         <a class='btn btn-danger delete-object'><span class="glyphicon glyphicon-remove"></span> Delete</a> 
        </td> 
       </tr> 
      <?php 
      } 
      ?> 
      </tbody> 
     </table> 
    </div> 


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

    </body> 
    </html>

источник

2016-07-08 nethken

Вам нужно будет иметь Javascript для этого –

Вы пытались использовать 'onClick',' confirm() '? –

Могу я сделать это в бутстрапе сэр? Я хочу немного кричащего дизайна LOL. – nethken

Вы можете использовать Bootstrap dialogs для отображения диалогов. При показе диалогового окна подтверждения, вы можете проверить, если пользователь нажал кнопку OK, а затем сделать запрос AJAX к бывшим: list.php delete_photo = 31

BootstrapDialog.confirm('Hi Apple, are you sure?', function(result){ 
 
      if(result) { 
 
       alert('Yup.'); 
 
      }else { 
 
       alert('Nope.'); 
 
      } 
 
     });

источник

2016-07-08 12:27:47 Scriptman

Для причудливый способ сделать это? , попробуйте:

<?php 
    include_once('connection.php'); 
    ?> 
    <!DOCTYPE html> 
    <html> 
    <head> 
      <link rel="stylesheet" href ="css/bootstrap.min.css"> 
      <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 

    </head> 
    <body> 
    <div class="container"> 
     <table class="table table-bordered"> 
      <thead> 
       <tr> 
        <th width="60">ID</th> 
        <th width="200">Title</th> 
        <th width="150">Date Posted</th> 
        <th>Content</th> 
        <th width="200">Image</th> 
        <th width="200">Action</th> 
       </tr> 
      </thead> 
      <tbody> 
      <?php 

      $stmt = mysqli_prepare($con, "SELECT * FROM news ORDER BY news_id"); 
      mysqli_stmt_execute($stmt); 
      $result = mysqli_stmt_get_result($stmt); 
      while($row = mysqli_fetch_array($result)){ 
      ?> 
       <tr> 
        <td><?php echo $row['news_id']; ?></td> 
        <td><?php echo $row['news_title']; ?></td> 
        <td><?php echo $row['news_date']; ?></td> 
        <td><?php echo $row['news_content']; ?></td> 
        <td><img style="height:150px; width:200px;" src="<?php echo $row['news_image']; ?>" ></td> 
        <td> 
         <a href="edit2.php?newsid=<?php echo $row['news_id'];?>" class='btn btn-info left-margin'><span class="glyphicon glyphicon-edit"></span> Edit</a> 
         <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Delete</button> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Delete immage <?php echo $row['news_title']; ?> </h4> 
     </div> 
     <div class="modal-body"> 
      <p>Are you sure you want to delte this immage?</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-danger" >Delete</button> 
     </div> 
     </div> 

    </div> 
    </div> 
        </td> 
       </tr> 
      <?php 
      } 
      ?> 
      </tbody> 
     </table> 
    </div> 


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

    </body> 
    </html>

Модный пример из w3schools, вы можете прочитать больше там. Модаль - самый удобный способ сделать это, искать и читать дальше ...

С уважением,
M.I.

источник

2016-07-08 12:41:16

PHP - Удалить через подтверждение с помощью bootstrap

ответ

Смежные вопросы