+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Using CodeIgniter (https://forum.codeigniter.com/forumdisplay.php?fid=5)
+--- Forum: General Help (https://forum.codeigniter.com/forumdisplay.php?fid=24)
+--- Thread: How to open a pdf file in modal window dynamically? (/showthread.php?tid=72572)
How to open a pdf file in modal window dynamically? - kvanaraj - 01-07-2019
I want top open a pdf file in modal window dynamically? how to open.
Code:
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal1" onclick="edit_book_kvr(<?php echo $row['markid'];?>)" >Open Modal</button>Code:
function edit_book_kvr(markid)
{
save_method = 'update';
$('#form1')[0].reset(); // reset form on modals
//Ajax Load data from ajax
$.ajax({
url : "<?php echo site_url('/users/ajax_edit_kvr')?>/" + markid,
type: "POST",
dataType: "JSON",
success: function(data)
{
console.log(data);
$('[name="title"]').val(data);
$('#modal_form1').modal('show');
$('.modal-title').text('Upload Images');
},
error: function (jqXHR, textStatus, errorThrown)
{
alert('Error get data from ajax');
}
});
} Code:
public function ajax_edit_kvr($markid)
{
//$data = $this->User_model->get_by_id($markid);
$data['files'] = $this->User_Model->getRows($markid);
echo json_encode($data);
}Code:
<?php if(!empty($files)){ foreach($files as $frow)
{
print_r($frow);
?>
<div class="modal-body">
<embed src = "<?php echo base_url().'uploads/files/'.$frow[0] ['file_name']; ?>" name ="markid1" type='application/pdf' frameborder="0" width="100%" height="400px">
<!-- <embed src="/uploads/files/sa87356245767aa912a72e93b23735d1f.pdf" type="application/pdf" width="100%" height="100%"> -->
<?php } } ?>