Codeigniter Tutorials

Home » Codeigniter »

How to show sweet aleart message notification in codeigniter?

Controller Function

File Name :

public function itemdel()
{
$data['data'] = $this->db->get("users")->result();
$this->load->view('admin/itemlist', $data);
}
public function item_delete($id)
{
$this->db->delete('users', array('id' => $id));
echo 'Deleted successfully.';
}

View

File Name : admin/itemlist.php

<!DOCTYPE html>
<html>
<head>
<title>How to use sweet alert for delete confirm in Codeigniter?</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://lipis.github.io/bootstrap-sweetalert/dist/sweetalert.js"></script>
<link rel="stylesheet" href="https://lipis.github.io/bootstrap-sweetalert/dist/sweetalert.css" />
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>How to use sweet alert for delete confirm in Codeigniter? </h2>
</div>
</div>
</div>

<table class="table table-bordered">
<thead>
<tr>
<th>Name</th>
<th>username</th>
<th width="220px">Action</th>
</tr>
</thead>
<tbody>
<?php foreach ($data as $item) { ?>
<tr id="<?php echo $item->id; ?>">
<td><?php echo $item->name; ?></td>
<td><?php echo $item->username; ?></td>
<td>
<button type="submit" class="btn btn-danger remove"> Delete</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>

<script type="text/javascript">
$(".remove").click(function(){
var id = $(this).parents("tr").attr("id");

swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Yes, delete it!",
cancelButtonText: "No, cancel !",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm) {
if (isConfirm) {
$.ajax({
url: '<?php echo base_url()?>admin/Commoncontroller/itemdel/'+id,
type: 'DELETE',
error: function() {
alert('Something is wrong');
},
success: function(data) {
$("#"+id).remove();
swal("Deleted!", "Your imaginary file has been deleted.", "success");
}
});
} else {
swal("Cancelled", "Your imaginary file is safe :)", "error");
}
});

});

</script>

</body>
</html>

File Name :

/*
$route['item-list'] = 'Commoncontroller/itemdel';
$route['item-list/(:any)']['delete'] = "Commoncontroller/item_delete/$1";
*/

How to show sweet alert after submit data

File Name :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Submit files using Codeigniter</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
</head>
<body>
<div class="container">
<div class="col-sm-4 col-md-offset-4">
<h4>Upload files using Codeigniter and Ajax</h4>
<form class="form-horizontal" method="post" action="<?php echo base_url()?>sweetalert_action/submit_data" enctype="multipart/form-data">
<div class="form-group">
<input type="text" name="title" class="form-control" placeholder="Title">
</div>
<div class="form-group">
<input type="file" name="image_name">
</div>

<div class="form-group">
<button class="btn btn-success" id="btn_upload" type="submit">Submit</button>
</div>
</form>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<?php

if(isset($_SESSION['temp']['success_msg'])&&($_SESSION['temp']['success_msg'])){
?>
<script>
swal({
text: "<?php echo $_SESSION['temp']['success_msg'];?>",
type: 'success',
showCancelButton: false,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Ok'
}).then(function() {
<?php unset($_SESSION['temp']['success_msg']);?>
window.location = '<?php echo base_url().'sweetalert_action'; ?>';

})

</script>
<?php
}
?>

<?php
if(isset($_SESSION['temp']['error_msg'])&&($_SESSION['temp']['error_msg'])){
?>
<script>
swal({
text: "<?php echo $_SESSION['temp']['error_msg'];?>",
type: 'Error',
showCancelButton: false,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Ok'
}).then(function() {
<?php unset($_SESSION['temp']['error_msg']);?>
})
</script>
<?php
}
?>

</body>
</html>

Controller

File Name :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Sweetalert_action extends CI_Controller {
public function __construct()
{
parent::__construct();
}

public function index() {
$this->load->view('sweetalert-msg');
}

public function submit_data()
{
$config['upload_path']="./assets/images";
$config['allowed_types'] = 'pdf';
$config['encrypt_name'] = TRUE;
$this->load->library('upload',$config);

if($this->upload->do_upload("image_name"))
{
$data = array('upload_data' => $this->upload->data());
$title= $this->input->post('title');
$image= $data['upload_data']['file_name'];
$result= $this->Auth_model->save_upload($title,$image);

if(!empty($result)){
$_SESSION['temp']['success_msg'] = 'Your Data Successfully Submitted';
unset($_SESSION['temp']['error_msg']);
redirect('Sweetalert_action');
}
}

else {
$_SESSION['temp']['error_msg'] = 'Server Error .Please Try Again';
unset($_SESSION['temp']['success_msg']);
redirect('Sweetalert_action');
}
}

}

model

File Name :

public function save_upload($title,$image){
$data = array(
'title' => $title,
'file_name' => $image
);
$result= $this->db->insert('gallery',$data);
//return $result;
return $this->db->insert_id();
}

Itechtuto

Codeigniter Tutorials

How to show sweet aleart message notification in codeigniter?

File Name :

File Name : admin/itemlist.php

File Name :

File Name :

File Name :

File Name :

Connect Us Socially:

Quick Links