Mencetak atau Print Div Content dengan Javascript

Kali ini saya akan memberikan contoh script tentang mencetak/print div content dengan javascript, biasanya script ini saya gunakan untuk mencetak laporan, detail tabel, dll. Berikut adalah contoh scriptnya:

Javascriptnya;
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();
}

HTMLnya:

<div id="print-area-1" class="print-area">
    <div style="text-align:right;"><a class="no-print" href="javascript:printDiv('print-area-1');">Print</a></div>
    <ul>
        <li>This is an example list 1</li>
        <li>This is an example list 2</li>
        <li>This is an example list 3</li>
        <li>This is an example list 4</li>
    </ul>

    <ol>
        <li>This is an example list 1</li>
        <li>This is an example list 2</li>
        <li>This is an example list 3</li>
        <li>This is an example list 4</li>
    </ol>
</div>

<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>
<iframe id="printing-frame" name="print_frame" src="about:blank" style="display:none;"></iframe>

Contohnya

Jika link Print klik maka akan muncul previewnya.

Demo script diatas dapat dilihat di sini http://jsfiddle.net/g7SdL
isi dari textarea printing-css hanya bersifat opsional jadi kita bisa mengganti sesuai kebutuhan.

Read More

Setting Koneksi PHP dengan MSSQL Server 2005

Berikut  ini sedikit tips untuk koneksi php ke mssql menggunakan xampp.

1. Buka file php.ini yang terdapat pada folder ../xampp/php/ kemudian lakukan enable pada library php_mssql.libdengan cara menghilangkan tanda titik-koma “;” pada extension=php_mssql.dll
2. Copy file ../xampp/php/ext/php_mssql.dll ke direktori C:/Windows/System32
3. Untuk agar webserver Apache kita mendukung koneksi ke MS-SQLServer maka kita perlu meng-update file ntwdblib.dll dari Microsoft ke versi minimal 2000.80.194.0 ,kemudian letakan file tersebut pada folder ../xampp/apache/bin
4. Restart webserver apache anda

untuk melakukan testing koneksi ke MS SQL Server gunakan script PHP berikut ini,

<?php
//MSSQL settings 
$sql_user = 'sa'; // SQL ID
$sql_pwd = '123456'; // SQL PASSWORD (change it to your password mssql)
$base = "global"; // SQL BASE name
$host = "H3ND1\SQLEXPRESS"; // SQL HOST (change it to your IP ex : 127.0.0.1)
$link = mssql_connect($host, $sql_user, $sql_pwd);
if ($link) {
echo "berhasil melakukan koneksi dengan database";
}else{
echo "gagal melakukan koneksi dengan database";
}
?>

Terima Kasih.

Read More

Contoh Metode Perhitungan Bunga Flat pada Pinjaman Koperasi

Contoh Metode Perhitungan Bunga Flat pada Pinjaman Koperasi

Tanggal Pinjam   : 10/02/2014

Peminjaman         : Rp.1,000,000.00

Bunga                 : 1%

Lama Pinjaman         : 10 bulan

Angsuran Pokok = Peminjaman / Lama Pinjaman

Angsuran Bunga = Bunga x Peminjaman

* Besar angsuran pokok dan bunga tetap sampai akhir angsuran.

Sehingga contoh angsuranya sebagai berikut.

Terima kasih.

Read More

Membuat Fungsi Paging Pada PHP dan Database MySql

Berikut ini adalah fungsi paging yang biasa saya pakai untuk pemrograman php mysql.file ini saya simpan dengan nama fungsi.paging.php
<?php
include "koneksi.php"; //koneksi ke mysql;
/** Fungsi Paging
tabel : tabel yang akan diquery;
dataPerPage : batas data yang akan di tampilkan misal 10 data;
noPage : halaman data 1,2,3 dst;
link : link utama misal index.php?;
**/

function paging($tabel, $dataPerPage, $noPage, $link)
{
    
    $query = "SELECT COUNT(*) AS jumData FROM $tabel";
    $hasil = mysql_query($query);
    $data = mysql_fetch_array($hasil);
    $jumData = $data['jumData'];
    if($dataPerPage==1){
        $dataPerPage=$jumData;
    }
    $jumPage = ceil($jumData / $dataPerPage);

    // menampilkan link previous

    if ($noPage > 1)
        echo "<a href='" . $link . "hal=" . ($noPage - 1) . "'>&lt;&lt; Prev</a>";

    // memunculkan nomor halaman dan linknya

    for ($page = 1; $page <= $jumPage; $page++)
    {
        if ((($page >= $noPage - 3) && ($page <= $noPage + 3)) || ($page == 1) || ($page == $jumPage))
        {
            if (($showPage == 1) && ($page != 2))
                echo "...";
            if (($showPage != ($jumPage - 1)) && ($page == $jumPage))
                echo "...";
            if ($page == $noPage)
                echo " <b>" . $page . "</b> ";
            else
                echo " <a href='" . $link . "hal=" . $page . "'>" . $page . "</a> ";
            $showPage = $page;
        }
    }

    // menampilkan link next

    if ($noPage < $jumPage)
        echo "<a href='" . $link . "hal=" . ($noPage + 1) . "'>Next &gt;&gt;</a>";

}

?>

Yang perlu dirubah dari scipt diatas biasanya adalah "hal=" bisa diganti dengan "page=".
Contoh penggunaanya:

<?php
include "fungsi.paging.php";
$batas=10;
if($_GET["hal"]=="")$hal=1; else $hal = $_GET["hal"];
$lim = ($hal-1)*$batas;
$paging = paging("biodata",$batas,$hal,"index.php?");

echo $paging;
?>

Sedang untuk query tabelnya:

<?php 

$sql = mysql_query("select * from biodata order by id asc limit $lim,$batas");

?>

Selamat Mencoba. Terima Kasih

Read More

Menghitung Usia Seseorang Dalam Query MySQL

Cara seseorang untuk menyimpan tanggal lahir di database MySQL ada beberapa macam ada yang menggunakan varchar karena mereka yang paling akrab dengan fungsi string dan ada yang menggunakan date.
Perbandingan  menggunakan date dan varchar:

Menyimpan sebagai sebuah Date
• Sebuah mysql date membutuhkan 3 Bytes penyimpanan.
• Dapat menggunakan fungsi mysql untuk menghitung nilai-nilai secara langsung dalam query.
• Hanya akan menyimpan tanggal yang valid.
• Format dengan berbagai cara.

Menyimpan sebagai Varchar
• Sebuah string akan membutuhkan minimal 8 byte , atau 10 dengan pemisah.
• Tidak dapat memformat dengan mudah di sql.
• Harus memastikan tanggal benar-benar valid.

Kita dapat menghitung usia seseorang dalam query , menggunakan tanggal lahirnya. Misalnya kita membuat tabel seperti berikut:

mysql>CREATE TABLE user (id int AUTO_INCREMENT PRIMARY KEY,name varchar(20),birthdate date;

  

Kemudian kita tambah datanya.

INSERT INTO user (name, birthdate) VALUES ('Fran', '1967-10-31');

INSERT INTO user (name, birthdate) VALUES ('Bill', '1964-05-07');

INSERT INTO user (name, birthdate) VALUES ('Jimmy', '1965-04-27');

INSERT INTO user (name, birthdate) VALUES ('Stacy', '2002-11-30');

INSERT INTO user (name, birthdate) VALUES ('George', '2007-10-25');

mysql> select * from user;

+----+--------+------------+

| id | name   | birthdate  |

+----+--------+------------+

|  1 | Fran   | 1967-10-31 | 

|  2 | Bill   | 1964-05-07 | 

|  3 | Jimmy  | 1965-04-27 | 

|  4 | Stacy  | 2002-11-30 | 

|  5 | George | 2007-10-25 | 

+----+--------+------------+

5 rows in set (0.00 sec)

Berikut cara melihat umur nya sekarang.

mysql> select CURDATE();
+------------+
| CURDATE()  |
+------------+
| 2013-31-12 | 
+------------+
1 row in set (0.00 sec)

mysql> SELECT *, YEAR(CURDATE()) - YEAR(birthdate) AS age FROM user;              
+----+--------+------------+------+
| id | name   | birthdate  | age  |
+----+--------+------------+------+
|  1 | Fran   | 1967-10-31 |   46 | 
|  2 | Bill   | 1964-05-07 |   49 | 
|  3 | Jimmy  | 1965-04-27 |   48 | 
|  4 | Stacy  | 2002-11-30 |    11 | 
|  5 | George | 2007-10-25 |    6 | 
+----+--------+------------+------+

5 rows in set (0.00 sec)

Contoh mencari umur dalam bentuk bulan.
mysql> select ((YEAR(CURDATE())-YEAR(birthdate))*12)+(MONTH(CURDATE())-MONTH(birthdate)) as umur from user;

Read More

Membuat Website/Banner HTML5 Dengan Google Web Designer

Tidak peduli sebagus apa pekerjaan Anda akan sia-sia jika orang lain tak dapat melihatnya. Sekarang semua yang Anda buat dapat diakses pada setiap layar mulai dekstop, tablet atau mobile tanpa masalah kompatibilitas 

Google Web Designer membawa ide-ide anda untuk hidup di layar. Anda dapat membuat desain HTML5 berbasis interaktif dan gerak grafis yang dapat berjalan pada perangkat apapun.

Sementara alat visual yang sangat membantu, tidak pernah dapat mewakili kreativitas, imajinasi dan visi secara penuh. Itu sebabnya Anda dapat bolak-balik antara Design View dan Tampilan Kode saat Anda bekerja.

Segera kunjungi webnya dan Download Aplikasi Gratisnya

Read More