Skip to main content

Preview PDF di Modal Bootstrap dengan Ajax

//preview pdf in line
function preview_surat_keputusan(no)
{
$('#form')[0].reset();
$('.form-group').removeClass('has-error');
$('.help-block').empty();

$.ajax({
url : "<?php echo site_url('surat_keputusan/ajax_preview/')?>/" + no,
type: "GET",
dataType: "JSON",
    success: function(data)
    {
    //paramater yang akan ditampilkan di modal
        $('[name="no"]').val(data.no);
        $('[name="ns"]').val(data.ns);
        $('[name="thts"]').val(data.thts);
        $('[name="pdf"]').val("http://localhost/dosdm/document/sm/pdf/"+data.thts+"-SK-"+data.ns+".pdf");
        var link_base =  "http://localhost/dosdm/document/sm/pdf/"+data.thts+"-SK-"+data.ns+".pdf" ;
            $('#pdf_view').attr('src', link_base);
                   

            //bereksperimen
        $('#modal_form_1').modal('show');
        $('.modal-title').text('preview_surat_keputusan');
    //-----   
    },
error: function (jqXHR, textStatus, errorThrown)
{
alert('Error get data from ajax');
}
});
}

function reload_table()
{
table.ajax.reload(null,false);
}


//==========================//



Modal:





<!-- Bootstrap modal -->
<div class="modal fade" id="modal_form_1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h3 class="modal-title"></h3>
</div>

<div class="form-group">
<label class="control-label col-md-3">Nama File</label>
<div class="col-md-9">
<input name="pdf" class="form-control" type="text">
<span class="help-block"></span>
</div>
<div style="text-align: center;">
    <iframe  class="form-control" src="" id="pdf_view" style="width:100%; height:500px;" frameborder="0"></iframe>
</div>       
</div>
</div>
<div class="modal-footer">
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

===


ajax di control"

====
public function ajax_preview($no)
{
$data = $this->sk->get_by_id($no);
echo json_encode($data);
}

Comments

Popular posts from this blog

Layar Biru versi PHP Bagian 1 (file prefil_dbf.php)

file config.php <?php $db_uname = 'root'; $db_passwd = ''; $db_name = 'layar_biru'; //database yang dipilih $db_host = 'localhost'; $xbase_dir = 'D:\ACADEMIC\htdocs\layar_biru\files'; $die_on_mysql_error = false; // when investigating errors, set this to true $from_encoding=""; //Encoding of database, e.g. CP866 or empty, if convert is not required     file prefil.dbf   <?php include "config.php";            // please copy the config.sample.php and edit the correct fields include "classes/XBase/Table.php"; include "classes/XBase/Column.php"; include "classes/XBase/Record.php"; include "classes/DBFhandler.php"; use XBase\Table;  // Initializing vars ini_set( 'memory_limit', '2048M' ); set_time_limit( 0 ); $time_start = time(); $files = scandir($xbase_dir) or die ("Error! Could not open directory '$xbase_dir'."); $conn = new mysqli($db_host,...

FPDF dengan CodeIgniter

Cetak Surat Keputusan Controller: <?php //File in controller named surat_keputusan.php defined('BASEPATH') OR exit('No direct script access allowed'); class Cetak_surat_keputusan extends CI_Controller { public function __construct()     {         parent::__construct();         $this->load->helper('url');         $this->load->database();                $this->db->select();         $this->db->from('surat.config_sk');                $query = $this->db->get();                 return $query->result();             } public function index() {      ...

Instal font baru di FPDF.

1. buka url www.fpdf.org/makefont 2. pilih ttf yang akan dimasukkan. sebaiknya pindahkan file ttf dari c:/windows/font ke folder lain. karena C: adalah windows. 3. Upload dan generate. 4. Donwload nama font.php dan font.z copykan ke folder fpdf/font. <?php require( 'fpdf.php' ); $pdf = new FPDF (); $pdf -> AddFont ( 'Calligrapher' , '' , 'calligra.php' ); $pdf -> AddPage (); $pdf -> SetFont ( 'Calligrapher' , '' , 35 ); $pdf -> Write ( 10 , 'Enjoy new fonts with FPDF!' ); $pdf -> Output (); ?>