Besoin d'ajouter un bouton de suppression à une table html pour supprimer l'enregistrement de la base de données avec un message

Question

<table class="table admin-table list-table nurserytwo-table"> 
<thead> 
    <tr> 
     <td>ID</td> 
     <td>Name</td> 
     <td>Code</td> 
     <td>Active</td> 
     <td>Edit</td> 
    </tr> 
</thead> 
<tbody> 
    <?php foreach($nurseries->result() as $nursery) { ?> 
    <tr> 
     <td><?php echo $nursery->id; ?></td> 
     <td><?php echo $nursery->name; ?></td> 
     <td><?php echo $nursery->code; ?></td> 
     <td><?php echo set_bool($nursery->active); ?></td> 
     <td><span class="glyphicon glyphicon-edit"></span> <?php echo 
anchor('admin/nurseries/edit_nursery/'.$nursery->id, 'Edit', 'class="edit- 
link"'); ?></td> 
    </tr> 
    <?php } ?> 
</tbody> 
</table> 

Ceci est mon code de tableau actuel et j'ai regardé autour de moi pour voir si je peux y arriver mais je suis vraiment nouveau sur php et je n'arrive pas à comprendre. J'ai besoin d'ajouter un bouton de suppression après le modifier et je sais que je pourrais le faire via un delete.php mais je n'ai aucune idée par où commencer. Toute aide serait très appréciée.

mise à jour:

C'est ce que j'ai actuellement:

 }elseif($action == "delete_nursery_course"){ 

     if($id) { 

      $q = $this->db->where('id', $id)->delete('nursery_courses'); 
      if($this->db->affected_rows() > 0) { 
       if($this->input->is_ajax_request()) { 
        $this->output->enable_profiler(FALSE); 
        echo "SUCCESS"; die(); 
       }else{ 
        set_flash_message('Nursery deleted successfully.', 
'success'); 
       } 
      }else{ 
       if($this->input->is_ajax_request()) { 
        $this->output->enable_profiler(FALSE); 
        echo "Something went wrong. Please try again."; die(); 
       }else{ 
        set_flash_message('Something went wrong. Please try 
again.', 'error'); 
       } 
      } 

Et voici le code html:

<table class="table admin-table list-table nurseryone-table"> 

<thead> 
    <tr> 
     <td>ID</td> 
     <td>Name</td> 
     <td>Colour</td> 
     <td>Active</td> 
     <td>Edit</td> 
     <td>Delete</td> 
    </tr> 
</thead> 
<tbody> 
    <?php foreach($nursery_courses->result() as $nursery_course) { ?> 
    <tr> 
     <td><?php echo $nursery_course->id; ?></td> 
     <td><?php echo $nursery_course->name; ?></td> 
     <td><div style="background:<?php echo $nursery_course->colour; ?>" 
class="course-colour"></div></td> 
     <td><?php echo set_bool($nursery_course->active); ?></td> 
     <td><span class="glyphicon glyphicon-edit"></span> <?php echo 
anchor('admin/nurseries/edit_nursery_course/'.$nursery_course->id, Edit', 'class="edit-link"'); ?></td> 
     <td> 
<span class="glyphicon glyphicon-trash"></span> <?php echo 
anchor('admin/nurseries/delete_nursery_course/'.$nursery_course->id, 
'delete', 'class="delete-link"'); ?></td> 
    </tr> 
    <?php } ?> 
</tbody> 
</table> 

Answer 1

Vous pouvez utiliser uniquement html et javascript avec jquery utiliser les requêtes ajax pour faire un bouton d'édition et de suppression.

HTML:

<td class="text-right"> 
    <a class="edit btn btn-sm btn-default" href="javascript:;"> 
     <i class="icon-note"></i> 
    </a> 
    <a class="delete btn btn-sm btn-danger" href="javascript:;"> 
     <i class="icons-office-52"></i> 
    </a> 
</td> 

Et dans votre fichier javascript, vous devez définir les événements onclick pour cela un bouton.

Voici un exemple Plunker avec html et javascript code: Editable Table

Aussi vous pouvez utiliser DataTables jquery pour le rendre plus facile et mieux.

J'espère que cela vous aidera.