Membuat Validasi pada File Upload dengan JavaScript

Validasi adalah hal penting sebelum kita melakukan proses berikutnya. Itulah yang mau dibagikan hari ini. Bagaimana caranya membuat validasi terhadap form upload file yang sudah kita buat. Caranya cukup sederhana, kita cuma perlu membuat sebuah script JavaScript berikut.

<script language="javascript">
    function Checkfiles()
    {
        var fup = document.getElementById('filename');
        var fileName = fup.value;
        var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
        if(ext == "xls")
        {
            return true;
        }
        else if(ext=="")
        {
            alert("No file selected");
            fup.focus();
            return false;
        }else
        {
            alert("Sorry, You can upload xls file only !");
            fup.focus();
            return false;
        }
    }
</script>

Pada Script diatas saya ingin membuat validasi kalau file yang boleh diupload itu hanya file yang berekstensi .xls. Kalo mau validasi terhadap file yang lain, cukup menambahkan di kondisi ini aja.
if(ext == "xls")

Setelah itu buat form html nya seperti berikut ini.

<form method="post" enctype="multipart/form-data" action="#" onsubmit="return Checkfiles();">
Silakan Pilih File Excel yang akan di upload:<br><br>
    <input name="userfile" type="file" value="" accept=".xls" id="filename"><br><br>
<input name="upload" type="submit" value="Import">
</form> 

Nah, sederhana saja kan. Itu dulu ya, kalo ada yang mau ditanya silahkan tinggalkan komentar 

Membuat laporan PDF menggunakan dompdf di CodeIgniter

Dalam dunia kerja laporan merupakan hal yang penting untuk mengetahui sejauh mana perkembangan dari sebuah perusahaan atau organisasi tertentu. Laporan bisa dibuat dalam berbagai format seperti excell, word, pdf, dan sebagainya. Nah kali ini saya ingin berbagi tentang bagaimana membuat laporan dalam bentuk PDF. Untuk tutorial kali ini, terlebih dahulu download file yang kita perlukan yaitu dompdf. File ini saya ambil dari google project.
Setelah filenya sudah di download, tempatkan file tersebut di folder \application\libraries. Kemudian buat sebuah class yang akan kita gunakan nantinya ketika membuat report di file php yang akan kita buat. Class yang kita buat isinya seperti berikut.
<?php
class CI_Pdf {
function pdf_create($html, $filename, $paper, $orientation, $stream=TRUE)
{
require_once("dompdf/dompdf_config.inc.php");
spl_autoload_register('DOMPDF_autoload');
$dompdf = new DOMPDF();
$dompdf->set_paper($paper,$orientation);
$dompdf->load_html($html);
$dompdf->render();
if ($stream) {
$dompdf->stream($filename.".pdf");
} else {
$CI =& get_instance();
$CI->load->helper("file");
write_file($filename, $dompdf->output());
}
}
}
?>
Untuk menggunakan class ini, kemudian kita buat sebuah controller misalkan kita beri nama report.php. file ini isinya seperti berikut.

<?
class report extends CI_Controller{
public function __construct() {
parent::__construct();
$this->load->helper('url');
$this->load->library('pdf');
}
$html = $this->load->view("allReport/mainReport", '', true);
$this->pdf->pdf_create($html,"Main Mining report",$this->input->post('paper'),$this->input->post('orientation'));
$this->load->view('report_view');
}
?>
kemudian kita buat sebuah view yang berisi laporan yang kita buat, berikut contoh yang saya pakai report_view.php yang isinya.
<?
   echo "Contoh Isi Laporan";
?>

Script JavaScript untuk mencetak sebagian atau semua halaman HTML

Rekan-rekan mungkin bertanya, buat apa kita pake script untuk ngeprint doang, kan biasa langsung tekan CTRL+P. Iya, itu memang bisa, tapi gimana kalau mau ngeprintnya sebagian aja? Gak bisa kan... Nah untuk bisa nge print sebagian aja, kita perlu script tambahan untuk memanggil fungsi print seperti yang anda lakukan seperti saat menekan CTRL+P. Scriptnya itu seperti ini

<script type="text/javascript"> function printDiv(elementId) { var a = document.getElementById('printing-css').value; var b = document.getElementById(elementId).innerHTML; window.frames["print_frame"].document.title = document.title; window.frames["print_frame"].document.body.innerHTML = '<style>' + a + '</style>' + b; window.frames["print_frame"].window.focus(); window.frames["print_frame"].window.print(); } 

</script>

Perhatikan parameter yang ada di printDiv(elementId), elementId itu adalah penanda untuk bagian dari halaman web yang ingin di cetak. var a itu untuk mengambil setiap tag html yang mau kita print.

Setelah script ini di tambahkan kedalam kode html kita, jangan lupa menambahkan tag berikut di akhir kode html anda. Ini adalah list tag html yang kita gunakan.

<textarea id="printing-css" style="display:none;">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font:normal normal .8125em/1.4 Arial,Sans-Serif;background-color:white;color:#333}strong,b{font-weight:bold}cite,em,i{font-style:italic}a{text-decoration:none}a:hover{text-decoration:underline}a img{border:none}abbr,acronym{border-bottom:1px dotted;cursor:help}sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}sub{top:.4em}small{font-size:86%}kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px}mark{background-color:#ffce00;color:black}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}hr{height:1px;border:none;background-color:#666}h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:1.5em 0 0}h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}ol,ul,dl{margin-left:3em}ol{list-style:decimal outside}ul{list-style:disc outside}li{margin:.5em 0}dt{font-weight:bold}dd{margin:0 0 .5em 2em}input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline}textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}pre,code{font-family:"Courier New",Courier,Monospace;color:inherit}pre{white-space:pre;word-wrap:normal;overflow:auto}blockquote{margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding-left:1em;font-style:italic}table[border="1"] th,table[border="1"] td,table[border="1"] caption{border:1px solid;padding:.5em 1em;text-align:left;vertical-align:top}th{font-weight:bold}table[border="1"] caption{border:none;font-style:italic}.no-print{display:none}</textarea>

Script Lengkapnya bisa diambil disini

Semoga membantu ya, kalo ada yang mau ditanya silahkan beri komentar.

Beasiswa Indonesia

Bagaimana cara mendapatkan beasiswa? Apa saja syarat & prosedurnya?
Silakan lihat daftar beasiswa yang ada di bawah dan klik linknya untuk info lengkap tentang syarat & prosedur yang harus dilakukan untuk daftar beasiswa tersebut.

Berlangganan Info Beasiswa Terbaru
Supaya tidak ketinggalan informasi beasiswa terbaru dari dalam dan luar negeri, kami sangat menyarankan Anda untuk berlangganan info beasiswa dari tim Beasiswa Indo, antara lain dengan cara:
1. Berlangganan info terbaru via email, daftar disini GRATIS!
2. FOLLOW Twitter @BeasiswaIndo
3. LIKE Facebook Page Beasiswa Indonesia
Buat teman-teman yang mau tau tentang Beasiswa apa aja sih yang bisa di ambil dalam waktu dekat ini, nih aku kasih info Daftar Info Beasiswa Terbaru Dalam & Luar Negeri. Jadi buat yang mau melanjutkan kuliah dan dapat beasiswa bisa liat infonya di Beasiswa Indonesia .

Mendapatkan kembali data yang hilang

Salam buat semua teman-teman.

Mungkin banyak dari teman-teman yang tidak sengaja menghapus file penting dari komputer kita, kemudian kita cari di Recycle bin ternyata tidak ketemu. Nah, kali ini saya mau berbagi software yang bisa mengatasi hal ini. Namanya  Recuva. Software ini akan mengembalikan sebagian besar data anda yang hilang.

Sekarang bagaimana menggunakan software ini?
Pertama, download filenya disini, kemudian jalankan file .exe nya. Setelah itu buka aplikasinya, untuk menggunakannya perhatikan gambar berikut.

Kemudian pilih next untuk menuju langkah selanjutnya, dan akan muncul gambar seperti berikut. Kemudian pilih jenis file yang hilang.

 Setelah itu pilih next, dan tentukan lokasi file yang anda hapus. jika anda tidak ingat silahkan pilih I'm not sure.

Kemudian pilih next, dan ceklis "Enable Deep Scan" untuk pencarian yang lebih baik. kemudian pilih start.

Setelah semua selesai, maka akan tampil hasil seperti ditunjukkan gambar berikut. Kemudian pilih file yang hilang dan pilih Recovery.

Selamat mencoba.