showing an alert message after submit - php

Question

I'm having a problem showing an alert message after submitting a form.
I have a form for submitting a report, then after submission it will be stored in a table. What I want to happen is that after submitting a report, there will be an alert message for each new submitted report. I'm using CI as framework. Here is what I have:
View:
<div class="row-fluid">
<button type="button" class="btn btn-primary col-lg-2" data-toggle="collapse" data-target="#add_form" onclick="add_clicked()">Submit Report</button><br />
<div class="col-lg-6">
<?php
$attributes = array('class' => $class, 'id' => 'add_form', 'role' => 'form');
echo form_open('admin/report', $attributes);?>
<div class="form-group">
<input class="form-control" type="hidden" name="add_hidden" value="add-report">
</div>
<br><br>
<div class="form-group">
<?=form_input( array('id'=>'sender','class'=>'form-control' ,'name'=>'sender','type'=>'text','placeholder'=> 'Senders Name', 'value' => set_value('sender'), 'required'=> 'true') );?> <br />
<?=form_input( array('id'=>'date','class'=>'form-control date-picker','name'=>'date','type'=>'text','placeholder'=> 'Date', 'value' => set_value('date') ) );
$date = date('Y-m-d H:i:s');?><br />
<?=form_textarea( array('id'=>'subject','class'=>'form-control','name'=>'subject','type'=>'message-text','placeholder'=> 'Your Message here', 'value' => set_value('subject'), 'required'=> 'true') );?><br />
</div>
<div class="form-group">
<?=form_input( array('class'=>'btn btn-success','id'=>'add_submit','type'=>'submit','value'=>'submit')) ;?>
</div>
<?=form_close();?>
</div>
<div class="col-md-10 text-center" id="success" style="display:none">
<?php if(isset($message)) echo $message ?>
</div>
</div>
</div>
<br> <br>
<div class="table-responsive">
<table class="table table-hover table-striped">
<thead>
<tr>
<th style="text-align: center">Sender</th>
<th style="text-align:center">Subject</th>
<th style="text-align:center">Date</th>
</tr>
</thead>
<tbody>
<?php
foreach ($query->result_array() as $row) {
echo '
<tr>
<td style="text-align:center">'.$row["sender"].'</td>
<td style="text-align:center">'.$row["subject"].'</td>
<td style="text-align:center">'.$row["date"].'</td>
<td> <button type="button" class="btn btn-success btn-small" data-toggle="modal" data-target="#view'.$row["sender"].'"> Read </button>
<button type="button" class="btn btn-danger btn-small" data-toggle="modal" data-target="#remove'.$row["sender"].'">delete</button></td>
</tr>
';
}
?>
This is my controller:
public function report()
{
$this->load->model('report_model', 'database');
$sql = "SELECT * FROM report";
$data['query'] = $this->database->view_report($sql);
if ($this->input->post('add_hidden')) {
$this->form_validation->set_rules('sender', 'sender', 'required');
$this->form_validation->set_rules('subject', 'subject', 'required');
$this->form_validation->set_rules('date', 'date');
$this->form_validation->set_error_delimiters('<div class="has-error" style="color: #FF0000">', '</div>');
if ($this->form_validation->run() == TRUE) {
//Setting values for table columns
$data = array(
'sender' => $this->input->post('sender'),
'subject' => $this->input->post('subject'),
'date' => $this->input->post('date'),
);
//Transfering data to Model
$q = $this->database->add_report($data);
$data['query'] = $this->database->view_report($sql);
if ($q) {
$data['message'] = '<h3> Your report has successfully submitted!</h3>';
$data['success'] = '';
$data['class'] = 'collapse';
$this->load->view('report_view', $data);
} else {
$data['message'] = '<h3> Report submission unsuccessful!</h3>';
$data['success'] = '';
$data['class'] = 'collapse';
$this->load->view('report_view', $data);
}
}
else {
$data['message'] = '';
$data['success'] = 'none';
$data['class'] = '';
$this->load->view('report_view', $data);
}
}
else if ($this->input->post('del_hidden')) {
$from = $this->input->post('del_sender');
$subject = $this->input->post('del_subject');
$date = $this->input->post('del_date');
$qry = "DELETE FROM report WHERE sender = '$from'";
$q = $this->database->delete_report($qry);
$sql = "SELECT * FROM report";
$data['query'] = $this->database->view_report($sql);
if ($q) {
$data['message'] = '<h3> "' . $subject . '"message deleted from database!!</h3>';
$data['success'] = '';
$data['class'] = 'collapse';
$this->load->view('report_view', $data);
}
} else {
$data['success'] = 'none';
$data['class'] = 'collapse';
$this->load->view('report_view', $data);
}
}`

Answer 1

Actually you are displaying the message in view ; this part of your code is sufficient for that.
<div class="col-md-10 text-center" id="success" style="display:none">
<?php if(isset($message)) echo $message ?>
</div>
But the div has style display:none so it will not be displayed. So change it to
<?php if(isset($message))
{
?>
<div class="col-md-10 text-center" id="success">
<?php echo $message ?>
</div>
<?php
}
?>
if you want an alert message then you can change it to
<?php if(isset($message))
{
?>
<script>
alert('<?php echo $message ?>');
</script>
<?php
}
?>

Answer 2

If it is an javascript alert, search for the alert expression with the alerted message, put an . And use console.log()...